Estilos CSS en tablas
CSS Table Gallery es una colección de distintos atributos CSS para dar estilo a tablas HTML. Los distintos estilos se van aplicando a la tabla que contiene la lista de estilos para ver «en vivo» como quedan cada una de las opciones disponibles. Se puede elegir entre un aspecto tipo iTunes, uno con los colores del Café con leche o uno más clásico, por ejemplo.
(Vía trendalicious!)






#1
Darki
:O muy util ! gracias ;)
Hace más de un año
16 de Septiembre de 2005 (15:11)
#2
Neo
Matrix rocks
Hace más de un año
16 de Septiembre de 2005 (16:01)
#3
Anonymous
Pero las tablas ya no estaban desfasadas y no se usaban?
Hace más de un año
16 de Septiembre de 2005 (16:02)
#4
Kid_A
Excelente, es lo que estaba buscando.
Mil gracias
Hace más de un año
16 de Septiembre de 2005 (16:03)
#5
Anonymous
#3 las tablas estan desfasadas para estructurar una web... pero es obvio (como su propio nombre indica) que para presentar informacion en tablas, se siguen usando
Hace más de un año
16 de Septiembre de 2005 (16:26)
#6
Scila
¿Como se hace para que tr alternos tengas estilos diferentes? aparte de metiendolo a mano, claro. Me refiero a si existe alguna subclase o algo para la paridad de las tr...
Hace más de un año
19 de Septiembre de 2005 (18:38)
#7
inkel
Scila, en CSS3 (si no me equivoco) tienes una pseudo clase "nth-child" (n-avo hijo), por lo que podrias tener algo como:
tr:nth-child(2n+1) { background: #eee }
que serian todos los tr impares (2 * n + 1 siempre es impar). Con lo mismo podrias tener algo como
tr:nth-child(3n) { }
que haria que aquellos tr cuya posicion sea divisible por 3.
Mas info en la especificacion de selectores de CSS3
Hace más de un año
19 de Septiembre de 2005 (20:10)
#8
Scila
Muchas gracias inkel, me refería exactamente a eso. En CSS2 nada, no?
Lo más parecido que me suena es :firt-child y :after y :before, pero no se me ocurre como montar una sentencia que funcione, no creo que se pueda.
Hace más de un año
20 de Septiembre de 2005 (10:40)
#9
Nacho
no me suena que en CSS2 se pueda. también está la th para la cabecera de la tabla que automáticamente daría un estilo distinto del resto de tr, pero no alternativamente que es lo que preguntabas - la opción de inkel parece bastante buena (si la pruebas Scila no dices!)
Hace más de un año
20 de Septiembre de 2005 (11:09)
#10
Scila
Lo he probado y al parecer no lo soporta ni el firefox 1.5 beta. Pero supongo que será correcto, también debería aceptar :nth-child(even) y :nth-child(odd) para par/impar sin necesidad de recurrir al 2n y 2n+1.
Habrá que esperar a futuras versiones de navegador supongo.
Hace más de un año
20 de Septiembre de 2005 (17:56)
#11
inkel
En Opera tampoco funciona. Creo recordar que alguna vez lo vi funcionando, pero mi mente podria estar tomandome el pelo.
Hace más de un año
20 de Septiembre de 2005 (18:12)
#12
inkel
Nacho: no seria correcto utilizar th. th debe utilizarse para demarcar que el contenido de esa celda corresponde a una cabecera de columna/fila. Si lo utilizas para mostrar datos pierde todo el sentido semantico.
Si, ya se, soy un freak...
Hace más de un año
20 de Septiembre de 2005 (18:30)