Hola a todos, estoy creando una tabla que quiero que se vea de esta forma:
Pero resulta, que al insertar una algo que sobrepase el ancho (445px), la celda del contenido se estira y deforma la tabla. Por eso, quiero colocar una barra scroll solo horizontal (la roja) que permita ver todo el contenido.
Alguien sabe qué debo quitar o qué debo agregar?
aquí el código:
Cita: <td style="vertical-align: top; width: 445px; heigth: 700px; padding-left: 10px; padding-right: 10px; border: 0px; font-size:12px;">
CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO <br /><img src="http://i48.servimg.com/u/f48/12/48/54/57/tutori37.jpg"></td>
<td style="vertical-align: top;"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image: url(http://nixoweb.at.ua/design-01/titulo-box.png); background-repeat: no-repeat; width: 225px; height: 42px;vertical-align: top; padding-top: 10px; padding-left: 20px; font-weight: bold; color: #FFFFFF;">TITULO DE BOX</td>
</tr>
<tr>
<td style="width: 225px; vertical-align: top; padding-top: 6px; padding-left: 10px; font-size: 11px;">CONTENIDO BOX<br /><br /><br /><br /><br /><br /><br /><br /><br /></td>
</tr>
</table><br /><table border="0">
<tr>
<td style="background-image: url(http://nixoweb.at.ua/design-01/titulo-box.png); background-repeat: no-repeat; width: 225px; height: 42px;vertical-align: top; padding-top: 10px; padding-left: 20px; font-weight: bold; color: #FFFFFF;">TITULO DE BOX</td>
</tr>
<tr>
<td style="width: 225px; vertical-align: top; padding-top: 6px; padding-left: 10px; font-size: 11px;">CONTENIDO BOX<br /><br /><br /><br /><br /><br /><br /><br /><br /></td>
</tr>
</table>
</td>
</tr>
</table>