Ver Mensaje Individual
  #11 (permalink)  
Antiguo 13/10/2012, 07:23
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: juntar bordes en tablas (td) ?

Es que te estás explicando para el tujes.

Pero me parece que ya adiviné. Y entonces tu pregunta se justifica, porque a pesar de que ya lo publicamos en este Foro, no mucha gente conoce el truco. De otra forma, te mandaría a aprender diseño web.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TÍTULO</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

</head>
<body>
    <p>tabla 1</p>

<table border="0" cellspacing="5" cellpadding="0" bgcolor="silver"  >
    <tbody>
        <tr style="border-collapse: collapse; border: 1px solid red; 
display: block; padding: 5px; ">
            <td align="center" valign="top" style="width: 30px; 
background-color: gray; empty-cells: show; ">
&nbsp;
</td>
            <td align="center" valign="top" style="width: 300px; background-color: lime; ">
<div style="background-color: black; text-align: center; width: 300px; 
margin-right: 40px; color: white; ">
div</div>
</td>
            <td align="center" valign="top" style="empty-cells: show; ">
<div style="background-color: yellow; text-align: center; ">
texto <br>celda</div> 
</td>
            <td align="center" valign="top" style="width: 30px; 
background-color: gray; empty-cells: show; ">
&nbsp;
</td>
        </tr>
        <tr style="border-collapse: collapse; border: 1px solid red; 
display: block; padding: 5px; margin-top: 5px; ">
            <td align="center" valign="top" style="width: 30px; 
background-color: gray; empty-cells: show; ">
&nbsp;
</td>
            <td align="center" valign="top" style="width: 300px; background-color: lime; ">
<div style="background-color: black; text-align: center; width: 300px; 
margin-right: 40px; color: white; ">
div</div>
</td>
            <td align="center" valign="top" style="empty-cells: show; ">
<div style="background-color: yellow; text-align: center; ">
texto <br>celda</div> 
</td>
            <td align="center" valign="top" style="width: 30px; 
background-color: gray; empty-cells: show; ">
&nbsp;
</td>
        </tr>
    </tbody>
</table>
 
</body>
</html>
Te marqué las celdas con distintos colores, para que podás seguir más fácil el diseño con el código.

Border en tr de tabla