Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a

Datos de búsqueda

Etiqueta ‘Tablas HTML’

HTML: uso de atributos id, headers y axis en tablas

Fecha de publicación: 2010/02/16

Habitualmente se utiliza el atributo scope en las tablas para definir la relación de las celdas con las columnas.

Leer el resto del artículo

Datos del artículo:

Tablas HTML: desaparece el borde de celda

Fecha de publicación: 2010/02/15

A veces en Internet Explorer 6 ocurre que al meter enlaces dentro de una celda desaparece algún borde de dicha celda.

Parece absurdo, y lo es. Pero una posible solución es comprobar si el contenido de dicha celda cabe en el ancho de la misma. A veces dándole un ancho mayor desaparecerá el problema.

Que aburrida sería la maquetación sin IE6 ¡Larga vida a IE6!

Datos del artículo:

Accesibilidad: ordenación de columnas en tablas

Fecha de publicación: 2010/02/12

En las tablas de datos hechas con (X)HTML no es infrecuente encontrarse con que el encabezado de algunas columnas es un enlace que sirve para ordenar los datos en orden ascendente o descendente. Habitualmente se utiliza una imagen para indicar la ordenación que se ha seleccionado, pero, ¿es accesible?

Leer el resto del artículo

Datos del artículo:

Cellspacing mediante CSS

Fecha de publicación: 2007/10/15

El atributo cellspacing en las tablas HTML es prescndible.

Supongamos un cellspacing que valga 7px:

<td cellspacing="7">Contenido de la celda</td>

En CSS se prescinde del atributo, y se usan las propiedades border-collapse y border-spacing:

table {
border-collapse: separate;
border-spacing: 7px;
}

Hacer esto por CSS tiene la ventja de poder definir la separación por arriba, por abajo, a la izquierda y a la derecha:

table {
border-collapse: separate;
border-spacing: 7px 1px 2px 1px; /*arriba, derecha, abajo, izquierda*/
}

Enlaces relacionados

Datos del artículo:

HTML: el atributo scope

Fecha de publicación: 2007/07/31

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. La celda se refiere al resto de celdas que componen su fila.
  • col. La celda se refiere al resto de celdas que componen su columna.
  • rowgroup. La celda se refiere al las celdas que componen su grupo de filas.
  • colgroup. La celda se refiere al las celdas que componen su grupo de columnas.

Saber más sobre el atributo scope.

Datos del artículo:

Información del sitio