Foros del Web » Creando para Internet » CSS »

Problema con borde

Estas en el tema de Problema con borde en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/11/2008, 06:13
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 14 años, 6 meses
Puntos: 3
Problema con borde

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?
  #2 (permalink)  
Antiguo 19/11/2008, 06:23
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con borde

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.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 19/11/2008, 14:49
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 14 años, 6 meses
Puntos: 3
Respuesta: Problema con borde

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.
  #4 (permalink)  
Antiguo 19/11/2008, 15:01
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Problema con borde

Hola Tigervlc

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

Código html:
Ver original
  1. <style type="text/css">
  2. table {border-collapse: collapse}
  3. td {border:1px solid black}
  4. </head>
  5. <tr><td>---</td><td>---</td><td>---</td></tr>
  6. <tr><td>---</td><td>---</td><td>---</td></tr>
  7. <tr><td>---</td><td>---</td><td>---</td></tr>
  8. </body>
  9. </html>

Saludos,
  #5 (permalink)  
Antiguo 20/11/2008, 02:34
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 14 años, 6 meses
Puntos: 3
Respuesta: Problema con borde

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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:35.