Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/10/2015, 23:52
superrnesto
 
Fecha de Ingreso: octubre-2015
Mensajes: 2
Antigüedad: 9 años, 1 mes
Puntos: 0
Información Problema con plantilla de mail en html

Hola,
Estoy haciendo esta web: http://www.tictactruco.com

La web envía una plantilla de mail a los suscriptores cada vez que hay una entrada nueva. Hasta aquí todo bien, mi problema es que modifique la plantilla del mail para que fuera responsive y así verse bien en dispositivos móviles, esta modificación funciona bien excepto que por la parte de arriba me deja muchisimo margen, tanto que cuando abro el correo desde el movil tengo que bajar un poco el mensaje para poder empezar a leer el mensaje.
A continuación pongo el codigo html

Gracias por vuestra ayuda.


<!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;UTF-8" />
</head>
<body style="margin: 0px; background-color: #F4F3F4; font-family: Helvetica, Arial, sans-serif; font-size:12px;" text="#444444" bgcolor="#F4F3F4" link="#21759B" alink="#21759B" vlink="#21759B" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0">
<table class=" alignleft" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#F4F3F4">
<tbody>
<tr>
<td style="padding: 15px;"><center>
<table class=" alignleft" style="height: 992px;" width="100%" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td align="left">
<h1 style="text-align: center;"><span style="color: #008da3;"><a href="http://www.tictactruco.com"><img class="aligncenter wp-image-945" src="http://tictactruco.com/wp-content/uploads/2015/09/logo-tictactruco-300x300.png" alt="logo-tictactruco" width="200" height="200" /></a></span></h1>
<h1 style="text-align: center;"><span style="color: #008da3;">{BLOGNAME}*</span></h1>
<p style="text-align: center;"><span style="color: #808080;">Ha publicado un nuevo artículo, </span></p>
<h1 style="text-align: center;"><span style="color: #008da3;">'{TITLE}'</span></h1>
<p style="text-align: center;"><span style="color: #808080;">Puedes ver la última entrada en</span><br /><span style="color: #808080;">{PERMALINK}</span></p>
<p style="text-align: center;"><span style="color: #808080;">Has recibido este e-mail porque usted pidió que se le notifique cuando se publican nuevas actualizaciones.</span><br /><span style="color: #808080;">Atentamente,</span><br /><span style="color: #008da3;">{MYNAME} ©</span></p>
<p style="text-align: center;">*</p>
<p style="text-align: center;"><a style="font-size: 12px;" href="http://tictactruco.com/wp-content/uploads/2015/09/concuso-1.jpg"><span style="color: #000000; font-family: Helvetica, Arial, sans-serif;"><img class="alignnone wp-image-853 size-full" src="http://tictactruco.com/wp-content/uploads/2015/09/concuso-1.jpg" alt="" width="70%" height="" /></span></a></p>
</td>
</tr>
</tbody>
</table>
<p class="p1"><span style="color: #808080;">Si quiere darse de baja del newsletter responde a este mail con el asunto "baja"</span></p>
</center></td>
</tr>
</tbody>
</table>
</body>
</html>