Problema Con La Hoja de Cascada Bueno, yo hice un template en photoshop, de una postal para enviarlo por email masivo, lo eh probado todo funciona perfectamente pero el unico problema es que cuando se envia salen desconfigurada la pagina, ya que el photoshop cuando uno lo exporta sale en modo de tabla, y por eso es que se desconfigura, aqui les dejo el codigo de html que Creo el html de photoshop:
Código:
<style type="text/css">
#apDiv1 {
position:absolute;
width:173px;
height:92px;
z-index:1;
}
#apDiv2 {
position:absolute;
width:174px;
height:92px;
z-index:2;
}
#apDiv3 {
position:absolute;
width:174px;
height:91px;
z-index:3;
}
#apDiv4 {
position:absolute;
width:173px;
height:38px;
z-index:4;
}
#apDiv5 {
position:absolute;
width:172px;
height:39px;
z-index:5;
}
#apDiv6 {
position:absolute;
width:174px;
height:40px;
z-index:6;
}
#apDiv7 {
position:absolute;
width:145px;
height:77px;
z-index:7;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (3 campo publicidad.psd) -->
<table width="748" height="409" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabla_01">
<tr>
<td colspan="16">
<img src="http://tedilumusic.net/postal/imagenpostal/index_01.jpg" width="741" height="13" alt=""></td>
<td width="10">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_02.jpg" width="228" height="171" alt=""></td>
<td colspan="8">
<img src="http://tedilumusic.net/postal/imagenpostal/index_03.jpg" alt="" width="342" height="21" border="0" usemap="#Map2"></td>
<td colspan="4" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_04.jpg" width="171" height="41" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_05.jpg" width="342" height="150" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td width="76" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_06.jpg" width="76" height="130" alt=""></td>
<td colspan="2"><img src="http://tedilumusic.net/postal/imagenpostal/index_07.jpg" alt="" width="81" height="24" border="0" usemap="#Map"></td>
<td width="14" rowspan="10">
<img src="http://tedilumusic.net/postal/imagenpostal/index_08.jpg" width="14" height="354" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_09.jpg" width="81" height="106" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="106" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="http://tedilumusic.net/postal/imagenpostal/index_10.jpg" width="34" height="152" alt=""></td>
<td width="173">
<div id="apDiv1"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_11.jpg" width="173" height="91" alt=""></td>
<td colspan="3" rowspan="5">
<img src="http://tedilumusic.net/postal/imagenpostal/index_12.jpg" width="78" height="152" alt=""></td>
<td colspan="2">
<div id="apDiv2"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_13.jpg" width="174" height="91" alt=""></td>
<td colspan="3" rowspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_14.jpg" width="76" height="149" alt=""></td>
<td colspan="3">
<div id="apDiv3"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_15.jpg" width="173" height="91" alt=""></td>
<td width="19" rowspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_16.jpg" width="19" height="149" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="91" alt=""></td>
</tr>
<tr>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/index_17.jpg" width="173" height="9" alt=""></td>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_18.jpg" width="174" height="9" alt=""></td>
<td colspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_19.jpg" width="173" height="9" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<div id="apDiv4"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_20.jpg" width="173" height="38" alt=""></td>
<td width="1" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_21.jpg" width="1" height="52" alt=""></td>
<td width="173">
<div id="apDiv5"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_22.jpg" width="173" height="38" alt=""></td>
<td colspan="3">
<div id="apDiv6"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_23.jpg" width="173" height="38" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_24.jpg" width="173" height="14" alt=""></td>
<td rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_25.jpg" width="173" height="14" alt=""></td>
<td colspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_26.jpg" width="173" height="11" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_27.jpg" width="63" height="3" alt=""></td>
<td colspan="5" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_28.jpg" alt="" width="205" height="66" border="0" usemap="#Map5"></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td width="23" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_29.jpg" width="23" height="72" alt=""></td>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_30.jpg" alt="" width="184" height="59" border="0" usemap="#Map3"></td>
<td colspan="2" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_31.jpg" width="71" height="72" alt=""></td>
<td colspan="4" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_32.jpg" alt="" width="196" height="63" border="0" usemap="#Map4"></td>
<td width="48" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_33.jpg" width="48" height="72" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_34.jpg" width="184" height="13" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_35.jpg" width="196" height="9" alt=""></td>
<td colspan="5">
<img src="http://tedilumusic.net/postal/imagenpostal/index_36.jpg" width="205" height="9" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="23" height="1" alt=""></td>
<td width="11">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="11" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="173" height="1" alt=""></td>
<td width="21">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="21" height="1" alt=""></td>
<td width="50">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="50" height="1" alt=""></td>
<td width="7">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="7" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="173" height="1" alt=""></td>
<td width="15">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="15" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="48" height="1" alt=""></td>
<td width="13">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="13" height="1" alt=""></td>
<td width="35">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="35" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="76" height="1" alt=""></td>
<td width="62">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="62" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="19" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="14" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<map name="Map">
<area shape="rect" coords="0,1,89,28" href="http://www.facebook.com/WWW.TEDILUMUSIC.NET">
</map>
<map name="Map2">
<area shape="rect" coords="3,1,407,39" href="http://www.tedilumusic.net/">
</map>
<map name="Map3">
<area shape="rect" coords="3,1,220,70" href="#">
</map>
