|

Dejo una técnica para conseguir que un elemento <a> mantenga un ancho mínimo en Internet Explorer 6. Explorer 6 no soporta la propiedad min-width, como otras muchas cosas, por lo que una vez más, hay que buscar una forma más retorcida de hacer lo que en otros navegadores se consigue con una sola declaración CSS.
Supongamos [...]

Hacía unos meses que me rondaba la cabeza la idea de crear una css para chequear problemas de accesibilidad. La idea surgió al ver esta sencilla técnica para poner un borde a todos los elementos de un html (a modo de debugging) en Snipplr utilizando un código tan simple como este:

Acabo de encontrar en Smashing Magazine una serie de consejos para mejorar la legibilidad de nuestras hojas de estilo. Algunos de ellos, como crear una tabla de contenidos, pueden ser muy útiles en css’s para sitios muy grandes o mantenidos por varias personas, aunque quizá un poco desproporcionados para hojas de estilo pequeñas, como por [...]

La forma más accesible de ocultar un elemento en pantalla que sí debe estar disponible para otros medios, es aplicándole a ese elemento posición absoluta y sacándolo fuera del área visible de la pantalla mediante un valor negativo (a la iquierda) bastante exagerado, por ejemplo, -99999em.

Pasamos por el pie con clear: both y por el overflow: hidden. Quizá la manera más correcta de limpiar flotaciones sea la que muestro a continuación:

Encuentro en csslab.cl esta interesante técnica que nos sacará de muchos apuros, para conseguir que una columna tenga la misma altura que su bloque contenedor.
Hasta ahora una de las soluciones típicas era la utilización de una imagen de fondo en el bloque contenedor para simular la continuidad de la columna cuyo alto tendría que ser [...]

Los selectores de atributo nos permiten dar estilos particulares a un elemento según el valor de un determinado atributo. Por ejemplo, en la Wikipedia, se utilizan selectores de atributo de CSS 3 para diferenciar los enlaces externos del resto mediante un icono.

A veces tenemos la necesidad de tener declaraciones distintas en nuestras hojas de estilo para unos navegadores y otros. Hasta que apareció Explorer 7, podíamos hacer esto fácilmente mediante el selector html > body que Explorer 6 ignora, pero tras la aparición de Explorer 7, tenemos que tener en cuenta que las declaraciones aplicadas a [...]

El selector universal asterisco (*), comunmente utilizado para quitar el margen y relleno que los navegadores dan por defecto a los elementos html, y que por desgracia y para variar, son distintos en cada navegador, puede ser utilizado también para aplicar padding a los elementos hijos de un bloque contenedor.

Ayer tuve un problema con Explorer 6 en el trabajo, que la verdad, había tenido siempre sin encontrar la forma de solucionarlo. Se trata de un parpadeo de imágenes al pasar el cursor sobre ellas, cuando han sido enlazadas en la hoja de estilo como imágenes de fondo para algún elemento como <li> o <a>