miércoles, 1 de diciembre de 2010

Bordes, que sois unos bordes


Hoy, nuevamente, me he caído de un guindo. Esta vez, trasteando con html, su hoja de estilo, una tabla y su borde.

El problema a resolver era el siguiente: dada una tabla, con su thead, su tbody, sus tr's, sus th's y sus td's, poner con css un borde de 1px a todas sus celdas.

Inmediatamente piensas en algo como

table, th, td{border: 1px solid black;}

Y claro, no cuentas con que unos bordes se suman a otros y acabas con bordes de 1px y bordes de 2px. Entonces empiezas a darle vueltas a ver cuántas clases necesitas y cómo las vas a organizar. Que si la tabla con borde, los tr's con borde arriba menos el primero, los td's y th's con borde a la derecha menos el último... ¡Madre del amor! Así que le preguntas a Google y te lleva a donde todo lo saben y te enteras que todo se resuelve con una de esas propiedades que siempre has visto y nunca has usado:

table{border-collapse:collapse;}

¡Salud y rocanrol!

Joder con el chepa, el que no bebía
y lleva en la espalda, un barril de sangría.
Por allí va el mudo, que lleva en la cabeza
un tatuaje que dice "dame otra cerveza".

Este es el baile, el baile de los sordos,
todo el mundo iba para empinar el codo.
Este es el baile de los mutilados,
aquí no bebe nadie que diga que está sano.

El manco cortaba el jamón en tacos
y con la otra mano se bebe el vino blanco.
Mirar a la sorda, la que no se entera,
gritaron "calimocho" y allí está la primera.

Al tonto llevaban a hombros por la calle
por haberse tirado a la mujer del alcalde.

Este es el baile, el baile de los sordos,
todo el mundo iba para empinar el codo.
Este es el baile de los mutilados,
aquí no bebe nadie que diga que está sano.