Foros del Web - Ver Mensaje Individual

willyfc · #15 (**permalink**) 27/08/2010, 10:27

bueno, para lo primero planteado(el asunto de la línea), podría ser una solución la siguiente:

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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin t&iacute;tulo</title>
<style  type="text/css">
   table{width: 600px;background: #CCC;margin: 0 auto; border: 0}}
    .izq{width: 250px;padding: 15px}
    .der{width: 300px}
    .cont_izq{padding: 10px;margin: 5px auto;}
    .cont_der{padding: 10px 10px 10px 40px;margin: 5px auto;border-left: 1px solid #000}
     p{padding:0 0 5px 10px;}
</style>
</head>
 
<body>
<table cellpadding="0" cellspacing="0">
  <tr>
    <td class="izq">
        <div class="cont_izq">
            <p>aklsdflaksjdflkasjdf</p>
            <p>asdlfkjasldkfjasd</p>
            <p>asldkfjlaksjdf</p>
        </div>
    </td>
    <td class="der">
        <div class="cont_der">
            <p>adlsfñlkasñdflkasdfñlk </p>
            <p>asdñflñasldkf</p>
            <p>asdñfñlkñlkñlk</p>
        </div>
    </td>
  </tr>
    <tr>
    <td class="izq">
        <div class="cont_izq">
            <p>aklsdflaksjdflkasjdf</p>
            <p>asdlfkjasldkfjasd</p>
            <p>asldkfjlaksjdf</p>
        </div>
    </td>
    <td class="der">
        <div class="cont_der">
            <p>adlsfñlkasñdflkasdfñlk </p>
            <p>asdñflñasldkf</p>
            <p>asdñfñlkñlkñlk</p>
        </div>
    </td>
  </tr>
</table>
</body>
</html>

habría que jugar un poquito más con los numeros para que cuadre bien y optimizarlo.