Saludos a todos.
Yo disene una plantilla en Photoshop CS6 y la seccione en varias partes. Lo exporte con imagenes y codigo HTML. Todo perfecto hasta ahi. El codigo HTML lo abri en Dreamworks CS6 para anadir un codigo HTML que crea una tabla para mostrar mis productos y precios, pero al hacer esto todas las secciones de mi plantilla que quedaron debajo de donde inserte esta tabla se salieron de la alineacion vertical y se colocaron al lado derecho.
Necesito ayuda ya que no tengo conocimiento ni experiencia. Aqui les dejo el codigo HTML para que copien y peguen y rapido veran el problema que tengo y como ayudarme.
Gracias por adelantado y Feliz Navidad
<html>
<head>
<title>header</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (header.psd) -->
<table id="Tabla_01" width="625" height="307" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://www.l-tronicscity.com/ml/625/header_01.gif" width="625" height="271" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.l-tronicscity.com/ml/625/header_02.gif" width="208" height="36" alt=""></td>
<td>
<img src="http://www.l-tronicscity.com/ml/625/header_03.gif" width="210" height="36" alt=""></td>
<td>
<img src="http://www.l-tronicscity.com/ml/625/header_04.gif" width="207" height="36" alt=""></td>
</tr>
</table>
<table id="Tabla_02" width="625" height="990" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://www.l-tronicscity.com/ml/625/producto_01.gif" width="213" height="201" alt=""></td>
<td rowspan="5">
<img src="http://www.l-tronicscity.com/ml/625/producto_02.gif" width="412" height="990" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.l-tronicscity.com/ml/625/producto_03.gif" width="213" height="196" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.l-tronicscity.com/ml/625/producto_04.gif" width="213" height="195" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.l-tronicscity.com/ml/625/producto_05.gif" width="213" height="196" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.l-tronicscity.com/ml/625/producto_06.gif" width="213" height="202" alt=""></td>
</tr>
</table>
<table width="625" align="left" style="BACKGROUND: #045b7c">
<tr>
<td style="TEXT-ALIGN: center" colspan="4">
<p><span style="FONT-SIZE: medium"
><strong><span
style="COLOR: #0000ff"></span></strong></span><span
style="FONT-SIZE: medium"><strong
><span style="COLOR: #0000ff"><font
color=#FE8800>CELULARES BLACKBERRY USADOS NUNCA REPARADOS Y
NUEVOS</font></span></strong></span></p></td></tr>
<tr>
<td style="TEXT-ALIGN: center" colspan="4">
<p><span style="FONT-SIZE: medium"
><strong><span
style="COLOR: #0000ff"></span></strong></span><span
style="FONT-SIZE: medium"><strong
><span style="COLOR: #0000ff"><font
color=#ffffff>CELULARES BLACKBERRY USADOS NUNCA REPARADOS Y
NUEVOS</font></span></strong></span></p></td></tr>
<tr>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen1.jpg"
><br >Producto 1</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen2.jpg"
><br >Producto 2</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen3.jpg"
><br >Producto 3</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen4.jpg"
><br >Producto 4</a></td>
</tr>
<tr>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen3.jpg"
><br >Producto 5</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen1.jpg"
><br >Producto 6</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen4.jpg"
><br >Producto 7</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen2.jpg"
><br >Producto 8</a></td>
</tr>
<tr>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen4.jpg"
><br >Producto 9</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen3.jpg"
><br >Producto 10</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen2.jpg"
><br >Producto 11</a></td>
<td align="center" width="25%"><a style="COLOR: #ffffff" href="#" ><img src="http://www.l-tronicscity.com/ml/plnuevo/imagen1.jpg"
><br >Producto 12</a></td>
</tr>
</table>
<table id="Tabla_03" width="625" height="1567" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://www.l-tronicscity.com/ml/secciones/4.gif" width="625" height="285" alt=""></td>
</tr>
<tr>
<td><img src="http://www.l-tronicscity.com/ml/secciones/5.gif" width="625" height="442" alt=""></td>
</tr>
<tr>
<td><img src="http://www.l-tronicscity.com/ml/secciones/6.gif" width="625" height="566" alt=""></td>
</tr>
<tr>
<td><img src="http://www.l-tronicscity.com/ml/secciones/1.gif" width="625" height="274" alt=""></td>
</tr>
</table>
</body>
</html>
