Cuando genero un html con tablas para enviarlo por correo en gmail app para android siempre me mete espacios entre las imágenes.
En el resto de gestores de correo me funciona correctamente incluyendo en la tabla lo siguiente:
border-collapse:collapse;
mso-table-lspace:0pt;
mso-table-rspace:0pt;
font-size:1px;
line-height:0;
mso-margin-top-alt:1px;
¿Alguien conoce alguna solución?
Por favor, que no sea la de poner display="block"
en las imágenes que eso ya no funciona.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="" />
<title>Grandes profes grandes iniciativas</title>
</head>
<body>
<!-- AVISO PUBLICIDAD -->
<table align="center" id="top" cellspacing="0" cellpadding="0" width="700" border="0">
<tbody>
<tr>
<td style="padding-bottom:5px;"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Si no ves correctamente la newsletter, haz click </font> <font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="url_redirect" style="text-decoration: underline;color:#000000;" target="_blank">aquí</a></b></font></td>
</tr>
</tbody>
</table>
<!-- FIN AVISO PUBLICIDAD -->
<table align="center" width="700" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;font-size:1px;line-height:0;mso-margin-top-alt:1px;">
<tr>
<td><a href="url" target="_blank"><img src="imagen" width="700" height="103" alt="" border="0"></a></td>
</tr>
<tr>
<td><img src="imagen" width="700" height="681" alt="" border="0"></td>
</tr>
<tr>
<td><a href="https://twitter.com/search?f=tweets&vertical=default&q=%23GrandesIniciativas&src=typd" target="_blank"><img src="imagen" width="700" height="43" alt="" border="0"></a></td>
</tr>
</table>
</body>
</html>