Foros del Web - Ver Mensaje Individual

emprear · #12 (**permalink**) 13/10/2012, 07:50

Creo que aquí una vez más se aplica el viejo axioma

"El que no sabe lo que busca, no encuentra lo que necesita"

Mi código, que al parecer, confunde a nuestro amigo @Lokitozzz, no hace más que lo que el sugiere a través de la imagen, salvo claro está, esas manchas negras que vaya uno a saber que representan

A las pruebas me remito

Código HTML:

Ver original<!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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
 
<style type="text/css">
/*<![CDATA[*/
table {
border-collapse: separate;
border-spacing: 0px 5px; 
background: #677A85;
border-left: 5px solid #677A85;
border-right: 5px solid #677A85;
}
td{
border-top: 1px solid red;
border-bottom: 1px solid red;
height: 50px;
}
.inicio{
border-left: 1px solid red;
}
.fin{
border-right: 1px solid red;
}
 
/*]]>*/
</style>
</head>
<body>
        <p>imagen</p>
        <img src="http://i.imgur.com/n4GSp.png" alt="" width="900" />
    <p>tabla</p>
<table cellspacing="0" cellpadding="6" width="900">
 
        <tr class="fila">
            <td colspan="1" align="center" valign="top" width="1" class="inicio">texto</td>
            <td colspan="1" valign="top">texto</td>
            <td width="85" valign="top" align="center">texto</td>
            <td width="200" valign="top" align="right" class="fin"><div style="text-align: center;">texto</div></td>
        </tr>
        <tr class="fila">
            <td colspan="1" align="center" valign="top" width="1" class="inicio">texto</td>
            <td colspan="1" valign="top">texto</td>
            <td width="85" valign="top" align="center">texto</td>
            <td width="200" valign="top" align="right" class="fin"><div style="text-align: center;">texto</div></td>
        </tr>
        <tr class="fila">
            <td colspan="1" align="center" valign="top" width="1" class="inicio">texto</td>
            <td colspan="1" valign="top">texto</td>
            <td width="85" valign="top" align="center">texto</td>
            <td width="200" valign="top" align="right" class="fin"><div style="text-align: center;">texto</div></td>
        </tr>
</table>
</body>
</html>

Saludos