La propiedad display de css (en la versión 2.1), puede contener un valor muy interesante, inline-block. Con este valor conseguimos que el elemento con esa propiedad se comporte como una caja, pero mostrandose en la misma línea, como si tuviese display: inline. ¿Y esto de qué nos sirve?, pues si no usamos esta propiedad tendríamos que añadirle a la caja un "float: left", por ejemplo, pero esto trae unas consecuencias, a veces, muy molestas. Por ejemplo, si queremos mostrar contenido dividido en cajas y que se muestren filas de 3 cajas, si éstas…
Vamos a crear un menú desplegable utilizando únicamente CSS. En principio no necesitaremos nada de javascript. Este menú funcionará en las últimas versiones de firefox, chrome, safari, opera, e internet explorer (versión 8). Para que funcione en Internet explorer 7 sólo necesitaremos añadir unos pequeños hacks. En explorer 6 necesitaremos utilizar javascript, puesto que este navegador no reconoce el selector ":hover" en elementos que no sean "a", los cuales no pueden contener elementos de tipo bloque dentro, si queremos cumplir los…
El presente artículo ha sido traducido del publicado en http://www.lazycat.org/postcards/ Diseños abiertos y elegantes, menores costes de ancho de banda y un mantenimiento mucho más fácil. ¿Os gusta la idea? Leed este artículo para conocer pequeños trucos que puedes aplicar al código, diseño y contenidos de tus páginas web, y si alguno de los sitios web que visitas normalmente no da la talla, ¿porqué no comentarles que pueden hacer un cambio limpio, rápido y con muchas ventajas sobre lo que tiene? Muchas páginas web incluyen enlaces a artículos relacionados y más información. Envíales URLs que…
Autor Original: Jeffrey ZeldmanURL ORIGINAL: http://www.alistapart.com/articles/doctype/TÍTULO ORIGINAL: A List Apart: Fixing Your Site With the Right DOCTYPELO HAS HECHO TODO BIEN, pero tu sitio web no tiene el aspecto deseado o funciona como debería hacerlo en los últimos navegadores.Has escrito XHTML y CSS válidos. Has utilizado el Modelo de Objetos del Documento (DOM) estándar del W3C para manipular dinámicamente los elementos de la página. A pesar de todo, en navegadores diseñados para soportar todos estos estándares, tu sitio…