Las tablas es un elemento que aunque ya no es tan usado como antes en HTML, se siguen usando. Antes toda una página web se maquetaba con tablas, sin embargo es mucho mejor utilizar otros elementos para realizar la maquetación (como por ejemplo los divs, o todas las nuevas etiquetas de HTML 5), por lo que las tablas han quedado relegadas a un segundo plano. Sin embargo, aun pueden resultar útiles en algunas ocasiones, como por ejemplo mostrar datos tabulados.
Todas las tablas tienen dos atributos definidos por defecto, que pueden llegar a ser muy molestos. Estos atributos son el cellspacing y el cellpadding. Cuando creamos una tabla, esta tiene unos espacios entre las celdas, que vienen definidos por estos atributos.
Se pueden eliminar como atributos de la etiqueta table, en HTML, de la siguiente manera:
1 |
<table cellpadding="0" cellspacing="0"> |
1 2 3 4 5 6 7 |
table{ border-collapse: collapse; border: none; } td{ padding: 0; } |
Me pareció genial, solo que me presenta un inconveniente: la tabla tiene
border-radius: 4px;
border: 1px solid #AAAAAA;
y cuando le aplico el border-collapse: collapse;
todo esto se pierde.
Hay alguna manera de mantener los formatos de la tabla?
Lo cierto que no lo había probado con estilos en los bordes. Voy a ver si saco algún rato para hacer pruebas y completo un poco más el articulo si hay alguna forma de solucionarlo.
Un saludo!
Buenisimo dos soluciones en un mismo lugar… gracias por el aporte, todo muy claro y directo….
Muchas gracias 😉 me alegro que te guste el blog
Un saludo!