Cuando se crea un sitio siempre se tiene en cuenta una resolución de pantalla mínima (generalmente 800×600 o 1024×768) a la que se verá sin que salga la molesta barra de scroll horizontal. Siempre se hace la página un poco más estrecha que dicha resolución, debido a que hay que tener en cuenta la anchura […]

El código CSS que se utilizará para obtener la equivalencia es el siguiente: body, html{font-size: 62.5%;} body {font-size: 101%;} html>body {font-size: 100%;} *:first-child+html body {font-size: 101%;} Antes de crear ninguna regla la equivalencia de 1em es 16px. Por ello puede resultar un poco complicado hacer los cálculos para montar un CSS con medidas en EM. […]

El modelo de caja se compone de las siguientes propiedades: width: la anchura del elemento. padding: el relleno del elemento. border: el borde del elemento. margin: el margen del elemento. Y viene a ser algo así: O así (imagen de Wikipedia): Un ejemplo Supongamos que tenemos un elemento DIV que deba tener una anchura total […]

El atributo scope se utiliza para vincular la información contenida en las diferentes celdas de una tabla. Este atributo especifica el conjunto de celdas cuya información se refiere a la celda que contiene este atributo. Supone una alternativa simple al atributo headers. El atributo scope puede tomar uno (solamente uno) de los siguientes valores: row. […]

En el caso de crear una serie de listas ordenadas que tengan continuidad de una a otra puede ser interesante que algunas empiecen por un número distinto de 1. La solución a ese problema es el atributo start en el eelemento OL. Pero resulta que el W3C lo considera fuera de uso, por lo que […]

Anteriormente había hablado de la especificidad en CSS. En esta ocasión voy a tratar el tema de una forma más clara y añadir algunos detalles que se me pasaron en la ocasión anterior. Valores a tener en cuenta: lista resumida Se deben tener en cuenta los siguientes valores: El identificador vale 100. La clase vale […]

Las interfaces web se componen de tres capas: Contenido. Presentación. Comportamiento. Presentación y comportamiento son opcionales. Contenido Se trata del contenido y de su estructuración semántica: el documento HTML. Cada porción de texto deberá ser contenida en el elemento adecuado a su contexto (párrafos, listas, encabezados, etc.), o llevar la información adicional que sea necesaria […]

Artículo obsoleto: He publicado una nueva versión con una explicación más clara y con algunos errores corregidos.

La propiedad de CSS text-transform es muy útil para transformar los caracteres de un texto en mayúsculas o minúsculas. Puede aplicarse a cualquier elemento. Esta propiedad puede tener los siguientes valores: capitalize: convierte en mayúscula la primera letra de cada palabra. uppercase: convierte todas las letras en mayúsculas. lowercase: convierte todas las letras en minúsculas. […]

Actualizado 2010-06-02: solución del color de fondo. Hay ocasiones en las que Internet Explorer 6 duplica caracteres. Se trata de un molesto bug que se da, en principio, ante las siguientes condiciones: Que haya dos o más comentarios seguidos. Que el elemento flotado quede a menos de 3px del límite derecho de su contenedor. Con […]