Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/10/2012, 16:43
Lokitozzz
 
Fecha de Ingreso: junio-2009
Mensajes: 138
Antigüedad: 14 años, 11 meses
Puntos: 4
juntar bordes en tablas (td) ?

Buenas, estoy editando un poco mi web & tengo unos problemas con algunos códigos CSS o HTML, no sé que es.

Les cuento, tengo una tabla & a los td les puse bordes para que se vean mas 'bonitos' (En la imagen que dejare se ve mal, ya que es algo modular.)



Como se ve en la imagen, los bordes rojos están separados unos de otros & eso es lo que no quiero.. necesito que se vea un rectángulo sin cortes en medio.

Les dejo el html que uso, donde estoy usando style="" para lo que quiero:

Código HTML:
Ver original
  1. <table border="0" cellspacing="5" cellpadding="6">
  2.     <tbody>
  3.         <tr>
  4.             <td colspan="1" align="center" valign="top" width="1" style="border: 1px solid red; border-right: 0;"></td>
  5.             <td colspan="1" valign="top" style="border: 1px solid red; border-left: 0; border-right: 0;"></td>
  6.             <td width="85" valign="top" align="center" style="white-space: nowrap; border: 1px solid red; border-left: 0; border-right: 0;"></td>
  7.             <td width="200" valign="top" align="right" style="white-space: nowrap; border: 1px solid red; border-left: 0;"><div style="text-align: center;"></div></td>
  8.         </tr>
  9.     </tbody>

Que puedo hacer para evitar esos espacios?