Existen un par de atributos en las tablas HTML que no son fáciles de quitar.
He tenido bastantes quebraderos de cabeza desencadenados por el cellspacing y el cellpadding que siempre acompaña a las tablas.
Si queremos que aparezcan sin espacios de ningún tipo entre las celdas de las tablas, podemos hacerlo de manera sencilla desde css.
Sin css sería así:
<table cellpadding="0" cellspacing="0">
Pero a día de hoy carece de sentido ya que con css lo hacemos todo mucho más dinámico.
Si deseamos que todas nuestras tablas carezcan de espacios entre celdas simplemente modificamos los atributos de las etiquetas genéricas, table y td:
table {border-collapse:collapse; border: none;}
td {padding: 0;}
Si por el contrario desamos concretar la tabla y celdas definimos dos clases en nuestra hoja de estilos:
table.tabla_sin {
border-collapse:collapse;
border: none;
}
td.celda_sin {
padding: 0;
}
Tan solo nos queda agregar las clases a los implicados y listo.
<table class="tabla_sin">
<tr>
<td class="celda_sin">bla bla bla</td>
<td class="celda_sin">bla bla bla</td>
<td class="celda_sin">bla bla bla</td>
<tr>
</table>
13 Comentarios
Hola, llegue a tu blog por el problermilla, de como quitar esas molestas lineas que dejan las tablas, me salvaste, no ecnotraba solución.
Gracias!
te dejo mi blog.
Gracias por ese Tip, ya llevo algunas horas viendo como eliminar ese molesto cellpading en una clase de css. Gracias 😀
Grcias, a mi también me funcionó esta manera. Gracias de nuevo.
Eres un máquina…
Gracias…
yo quiero hacer lo contrario, separar las celdas y marcar una separacion en los bordes de la tabla. Con cellpadding=»8px» cellspacing=»8px» me funciona hasta IE7.
Gracias =)
Muchas Gracias, me sirvió demasiado tu post =D
Gracias, algo tan sencillo puede surgir tan complicado.
Excelente, muchas gracias por esta gran ayuda.
Util tip
MASTER!!!! TE PASASTE!!! GRANDE MAESTRO!!! Muchas muchas muchas gracias estimado su blog quedó como favorito en este y creo que en muchos seguidores. Que Dios le bendiga y le llene de prosperidad y felicidad.
Esto es lo que andaba buscando, muchas gracias.
Gracias!!! muchas gracias
Escribir un Comentario