Foros del Web » Creando para Internet » Diseño web »

Problema con imagen de fondo en newsletter

Estas en el tema de Problema con imagen de fondo en newsletter en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/08/2009, 09:28
 
Fecha de Ingreso: febrero-2005
Mensajes: 78
Antigüedad: 12 años, 9 meses
Puntos: 0
Problema con imagen de fondo en newsletter

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>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:58.