Problema con borde

Tigervlc · #1 (**permalink**) 19/11/2008, 06:13

Estoy intentando presentar unos datos tabularmente mediante una tabla de dos columnas. Lo quiero hacer con tablas porque se trata de productos de un catálogo con su descripción, en cada celda.

El problema me viene con los bordes. Quiero aplicar un borde a las celdas (el de la tabla lo dejo en border:none), pero aparece una pequeña separación entre cada celda que solo puedo quitar con los atributos cellpadding="0" y cellspacing="0", pero poniendo margin:0 y padding:0 a las celdas no hay forma. Se ven dos bordes paralelos que no puedo colapsar en uno.

Puede que se trate de un espacio predefinido para bloques de tipo celda de tabla, y no sé cómo quitarlo (cambiando algo en display?)

Alguna ayuda para arreglar esto?

Mikmoro · #2 (**permalink**) 19/11/2008, 06:23

Puedes poner a la tabla en el css una propiedad border-collapse: collapse;

Eso reduciría los dos bordes a uno sólo entre las celdas.

Tigervlc · #3 (**permalink**) 19/11/2008, 14:49

Gracias por contestar Mikmoro. Lo hice pero no funcionaba a menos que usara los atributos de HTML cellspacing y cellpadding a 0. Entonces sí que conseguía colapsarlos. Usando para las celdas margin:0 y padding:0, que supuestamente son los análogos en CSS de esos atributos, seguía apareciendo esa pequeña separación entre celdas. No entiendo por qué.

De momento estoy funcionando así con cellpadding y cellspacing. Se os ocurre otra solución? Ahora mismo no tengo acceso al código fuente, por si os hace falta. Pero si sabeis lo que podría ser, os lo agradecería.

JavierB · #4 (**permalink**) 19/11/2008, 15:01

Hola Tigervlc

Lo que te dijo Mikmoro debería funcionar. Prueba este ejemplo:

Código html:

Ver original<html>
<head>
<style type="text/css">
table {border-collapse: collapse}
td {border:1px solid black}
</style>
</head>
<body>
<table>
<tr><td>---</td><td>---</td><td>---</td></tr>
<tr><td>---</td><td>---</td><td>---</td></tr>
<tr><td>---</td><td>---</td><td>---</td></tr>
</table>
</body>
</html>

Saludos,

Tigervlc · #5 (**permalink**) 20/11/2008, 02:34

Vaya, es cierto! Pero no sé qué hacía antes que el border-collapse:collapse no me funcionaba.

Ahora he comprobado a quitar el cellpadding ="0" y sí que va.

Muchas gracias a los dos!