Este artículo es una ampliación a CSS Sprites: rollover utilizando una sola imagen. En el artículo anterior se daban valores negativos para el eje de coordenadas Y en la propiedad CSS background-position. En este caso el valor se puede obtener de la siguiente forma: se resta a la altura total de la imagen la altura […]

Está disponible para descargar, de forma gratuita, la norma UNE 139803:2004, referida a accesibilidad web. Esto se debe a un acuerdo entre Inteco y AENOR: INTECO ha firmado un convenio de colaboración con AENOR para la difusión de la norma UNE 139803:2004, con la finalidad de promover su uso en todas las páginas Web, y […]

El elemento COLGROUP tiene como objetivo crear grupos de columnas dentro de una tabla y hacer que todas las columnas que agrupe compartan los atributos definidos en este elemento. En primer lugar veamos donde se coloca el elemento COLGROUP dentro de la tabla: <table> <colgroup> … </colgroup> <thead> … </thead> <tbody> … </tbody> </table> Como […]

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 […]