Hola que tal?
Quisiera hacerles una consulta ya q estoy teniendo un inconveniente con el diseño de un newsletter.
Armé el newsletter en dw y lo hice todo en tablas (para evitar incompatibilidades), llamé a todas las img con un path absoluto y los stylos los puse dentro de las etiquetas (ej: <table style="color:red";)
Ahora bien dentro de los estilos de una tabla incorporé una img de fondo (osea background-image) y el path absoluto. El problema que se me presenta es que no le ve ningun gestor de mail (ni yahoo, no gmail, ni hotmail, ni thunderbird, ni outlook).
Quisiera saber que estoy haciendo mal para que esto no se vea.
Espero me puedan ayudar.
Gracias.
Transcribo a continuación el codigo del newsletter:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<table width="630px" border="0" cellspacing="0" cellpadding="0" style="width:630px; height:841px; margin-top:10px; ">
<tr>
<td>
<table height="841px" border="0" cellpadding="0" cellspacing="0" style="background-image:url(http://www.dominio.com.ar/newsletter/background.jpg); background-repeat:no-repeat; padding-right:15px; padding-left:0px;">
<tr>
<td>
<img src="http://www.dominio.com.ar/newsletter/header.gif" width="612" height="90" alt="ulf" style="margin-top:15px; margin-left:11px; " /></td>
</tr>
<tr >
<td>
<table width="590px" border="0" cellpadding="0" cellspacing="0" style="margin-left:7px;">
<tr>
<td ><h2 style="color:#3BA3D0;margin-left:33px;margin-bottom:4px;border-top:dashed 2px #3BA3D0; margin-top:10px; padding-top:5px;">Texto</h2>
<p style="margin:0; padding:0; border-bottom:dashed 1px #747474;margin-left:33px;padding-bottom:9px; font-size:12px; ">Texto</p></td>
</tr>
<tr>
<td><h2 style="color:#3BA3D0;margin-left:33px;margin-bottom:4px; margin-top:12px; font-size:16px;">Texto</h2>
<h3 style="color:white;margin-left:33px;margin-bottom:4px; margin-top:20px; background-color:#959596; font-size:14px; padding-left:5px;">Texto</h3>
<p style="margin:0; padding:0; margin-left:33px;padding-bottom:5px; font-size:12px;">· Texto <a href="http://www.domino.com" style="color:#3BA3D1; text-decoration:none;">Texto</a><br />
· Texto<br />
·<a href="http://www.dominio.com" style="color:#3BA3D1; text-decoration:none;"> Texto </a><br />
· Texto</p>
</td>
</tr>
<tr>
<td> <h3 style="color:white;margin-left:33px;margin-bottom:4px; margin-top:20px; background-color:#959596; font-size:14px; padding-left:5px;">Texto</h3>
<p style="margin:0; padding:0; margin-left:33px;padding-bottom:5px; font-size:12px;">
· Texto <a href="http://www.dominio.com" style="color:#3BA3D1; text-decoration:none;">Texto</a><br />
· Texto<br />
· Texto</p>
</td>
</tr>
<tr>
<td>
<h3 style="color:white;margin-left:33px;margin-bottom:4px; margin-top:20px; background-color:#959596; font-size:14px; padding-left:5px;">Texto</h3>
<p style="margin:0; padding:0; margin-left:33px;padding-bottom:5px; font-size:12px;">
· Texto <a href="http://www.dominio.com" style="color:#3BA3D1; text-decoration:none;">Texto</a>Texto <br />
· Texto <a href="http://www.dominio.com" style="color:#3BA3D1; text-decoration:none;">Texto</a></p>
</td>
</tr>
<tr>
<td>
<h3 style="color:white;margin-left:33px;margin-bottom:4px; margin-top:20px; background-color:#959596; font-size:14px; padding-left:5px;">Texto</h3>
<p style="margin:0; padding:0; margin-left:33px;padding-bottom:5px; font-size:12px;">
· <a href="http://www.dominio.com" style="color:#3BA3D1; text-decoration:none;">Texto</a>
</p>
</td>
</tr>
<tr>
<td >
<p style="margin:0; padding:0; border-bottom:dashed 2px #3BA3D0; border-top:dashed 1px #747474; margin-left:33px;padding-bottom:9px; font-size:12px; margin-top:16px; padding-top:9px; ">Texto<br /><br />
Texto.</p></td>
</tr>
<tr>
<td >
<table width="530" border="0" cellspacing="0" cellpadding="0" style="margin-left:33px; margin-top:9px; margin-bottom:9px;">
<tr>
<td><img src="http://www.dominio.com/img/web.jpg" width="153" height="36" alt="o.net" /></td>
<td><img src="http://www.dominio.com/img/contacto.jpg" width="180" height="36" alt="contacto" /></td>
<td><img src="http://www.dominio.com/img/tel.jpg" width="107" height="36" alt="tel" /></td>
</tr>
</table>
</td></tr></table>
</td>
</tr>
</table>
</td></tr></table></body>
</html>