JMiur [E]

Estamos tan acostumbrados a escribir BORDER = 0 que nos olvidamos que las tablas tienen atributos que los controlan.

Uno muy poco utilizado es RULES que permite establecer que líneas de bordes internos serán mostrados:
rules = cols | rows | groups | all | none
cols entre columnas
rows entre filas
groups horizontales entre THEAD, TBODY y TFOOT y verticales en COLGROUP
none todos los bordes interiores
none sin bordes interiores

RULES controla los bordes internos, para eliminar también los bordes externos, el atributo debe contener una cadena vacía:
rules = ''
Este es un ejemplo para cambiar los bordes internos de una tabla de forma dinámica. La tabla contiene tres sectores: THEAD (la primera fila), TBODY (las dos filas intermedias) y TFOOT (la última fila). El atributo BORDER no está establecido para y su valor por defecto es 0, si BORDER tuviera un valor, RULES='' no tendría ningún efecto:




THEAD 1THEAD 2THEAD 3
111213
212223
313233
TFOOT 1TFOOT 2TFOOT 3

De manera similar, el atributo FRAME nos permite controlar los bordes externos:
frame = void | above | below | hsides | lhs | rhs | vsides | box
void ninguno (valor por defecto)
above sólo el superior
below sólo el inferior
hsides los horizontales
vsides los verticales
lhs los de la izquierda
rhs los de la derecha
box los cuatro lados (también se puede usar border)



THEAD 1THEAD 2THEAD 3
111213
212223
313233
TFOOT 1TFOOT 2TFOOT 3

Como siempre, agunos valores de los atributos producen un efecto distinto según sea el navegador que utilizamos.

2 comentarios:

Cristian  

HOLA JMiur de Vagabundia! Soy Cristian, realmente muy buenas estas lecciones de CSS y HTML aunque un poco dificiles ya que, donde coloco el código de las tablas para que las visualice en el blog? en las entradas? en la plantilla? en los elementos de página?...ya se, vos dirás que boludo! pero la verdad es que no se...Por que lo yo quiero hacer con estas tablas es:

*Crear una columna con solamente el título de todas las entradas. Los títulos enlazados y ordenados alfabéticamente, con un script de expandir/contraer entradas. Todo eso colocado en otro blog o en una sola página. Me podés ayudar? es lo mismo que tiene "gem@" en su blog.
Una "tabla de contenidos" comoesta
Yo hable con "gema" pero dice que es un script muy largo y complicado y me dijo que lo había sacado la idea de acá, pero no encontré el post.

Desde ya muchas gracias! y si m ayudás automáticamente pongo un enlace tuyo en mi blog y me suscribo como agradecimiento.

Responder
JMiur  

Efectivamente, el script suele ser un poco complicado. Todo está explciado en este post.

Las tablas son como cualquier otra cosa del blog. Pueden ponerse en la plantilla, en un elemento HTML o en un post. Eso, depende del resultado que quieras mostrar o dónde quieras mostrarlo.

En el caso de esas tablas de contenido, lo mejor es colocarlas en un post.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR