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.
Datos del artículo:
- Etiquetas: Accesibilidad, Atributo header, Atributo id, Atributos HTML, HTML, Tablas HTML, XHTML
- Publicado en categorías: Desarrollo web, XHTML
- Comentarios desactivados en HTML: uso de atributos id, headers y axis en tablas
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:
- Etiquetas: Bugs de Internet Explorer 6, HTML, Internet Explorer 6, Tablas HTML
- Publicado en categorías: Desarrollo web
- Hay 2 comentarios
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?
Datos del artículo:
- Etiquetas: Accesibilidad, HTML, Tablas HTML, XHTML
- Publicado en categorías: Accesibilidad, Desarrollo web
- Hay un comentario
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:
- Etiquetas: cellspacing, HTML, Separación de presentación y contenido, Tablas HTML
- Publicado en categorías: CSS, Desarrollo web
- Comentarios desactivados en Cellspacing mediante CSS
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.
Datos del artículo:
- Etiquetas: Accesibilidad, Atributo scope, Estándares web, HTML, Semántica, Tablas HTML, XHTML
- Publicado en categorías: Desarrollo web, XHTML
- Hay un comentario