FU0
Gmail app first update 2017
Hi,
Since last update to Gmail app, it throws me some errors that i had fixed already. Gmail app show me the font size bigger, that happens before but it was solved.
Another error is, if i put 2 or more images in the same row and they havent space between them, the second image go down and floating right.
<!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 charset="utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title></title>
<style type="text/css">
body {-webkit-text-size-adjust: none; -ms-text-size-adjust: none; padding: 0px; margin: 0px; }
body, .ReadMsgBody, .ExternalClass {width:100%!important;}
.ReadMsgBody, .ExternalClass {background-color:#ffffff;}
.ExternalClass * {line-height:100%;} /* solves Outlook web line height issues */
table, table td {border-collapse:collapse; -webkit-text-size-adjust: none; -ms-text-size-adjust:none;}
table {mso-table-lspace:0pt; mso-table-rspace:0pt;}
table {font-family: Arial, Helvetica, sans-serif;}
.ExternalClass { width:100%;background-color:#ffffff; }
.ExternalClass { line-height:100%; }
.ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
a, a:link, a:visited {text-decoration: none !important;}
.yshortcuts a {border-bottom:none !important;}
.iosLinks a {color:#898989 !important; text-decoration:none;}a, a:link, a:visited {text-decoration: none !important;}
a:hover {text-decoration: none;}
#outlook a { padding:0; }
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h5,h6,.t_cht {color:#000000 !important;}
p {margin-bottom: 0;}
img {outline:none; text-decoration:none; -ms-interpolation-mode:bicubic;}
img, a img {border:none;}
.onlyMobile {display: none;}
span.preheader { display: none !important;}
a {outline:none;}
*[class].gmailfix {display:none; display:none!important;}
/*MEDIA QUERY PARA DETECTAR ANCHOS*/
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
*[class].displayblock { display:block !important; }
*[class].width304 { width:304px !important; }
*[class].width130 { width:130px !important; }
*[class].width148 { width:148px !important; }
*[class].width150 { width:150px !important; }
*[class].width159 { width:159px !important; }
*[class].width160 { width:160px !important; }
*[class].width170 { width:170px !important; }
*[class].width200 { width:200px !important; }
*[class].width250 { width:250px !important; }
*[class].width296 { width:296px !important; }
*[class].width300 { width:300px !important; }
*[class].width318 { width:318px !important; }
*[class].width320 { width:320px !important; }
*[class].height10 { height:10px !important; }
*[class].height20 { height:20px !important; }
*[class].height50 { height:50px !important; }
*[class].height55 { height:55px !important; }
*[class].height60 { height:60px !important; }
*[class].height75 { height:75px !important; }
*[class].height90 { height:90px !important; }
*[class].hide { display:none !important; }
*[class].mob-showLogo { width:auto !important; height:auto !important; overflow:visible !important; display:block !important; max-height: none !important; }
*[class].moviltable { display: table !important; overflow:visible!important; float:none !important; height:inherit!important; max-height:inherit!important; }
*[class].border_l { border-left: 1px solid #d8e4f2; }
*[class].border_t { border-top: 1px solid #d8e4f2; }
*[class].border_r { border-right: 1px solid #d8e4f2; }
*[class].menumovil { height: 26px; font-size: 11px; }
*[class].text-center { text-align: center !important;}
*[class].float-none { float: none !important; }
}
</style>
</head>
<body bgcolor="#FFFFFF">
<div class="gmailfix" style="white-space:nowrap; font:15px courier; line-height:0;"> </div>
<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF">
<tr>
<td align="center">
<table width="620" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" class="hide">
<tr>
<td align="left" style="font-size:1px; line-height:1px;"><img src="images/transpa.png" width="310" height="1" border="0" style="display: block;" /></td>
<td align="left" style="font-size:1px; line-height:1px;"><img src="images/transpa.png" width="310" height="1" border="0" style="display: block;" /></td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="font-family: Arial, Helvetica, sans-serif;" class="width320">
<tr>
<td height="19" align="center" valign="middle" style="color: #848484; font-size:10px; line-height:9px;"><a href="" style="color:#848484; text-decoration: none;" target="_blank"><strong>Publicidad</strong> - Si no ves bien este email pulsa <u>aquí</u></a></td>
</tr>
<tr>
<td height="60" align="left" valign="middle" class="width320">
<table width="153" align="left" border="0" cellpadding="0" cellspacing="0" class="width320">
<tr>
<td height="64" align="center" valign="middle" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/logo_1_desktop.gif" alt="" border="0" style="display: block;" /></a></td>
</tr>
</table>
<table align="right" border="0" cellpadding="0" cellspacing="0" class="width320">
<tr>
<td height="64" width="195" align="center" valign="middle" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/supermercado_online.gif" alt="" border="0" style="display: block;" /></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" height="10" align="left" style="font-size:0px; line-height:0px;"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#ff53aa" class="hide">
<tr>
<td colspan="2" height="6" align="left" style="font-size:0px; line-height:0px;"> </td>
</tr>
<tr>
<td align="left" valign="top">
<table width="618" border="0" cellspacing="0" cellpadding="0" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;">
<tr>
<td height="13" align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAAAAA</span></a></td>
<td align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAAAAAAAAAA</span></a></td>
<td align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAAAAA</span></a></td>
<td align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAAAAAAAA</span></a></td>
<td align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAA</span></a></td>
<td align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAAAAAAA</span></a></td>
<td align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAAAAAAA</span></a></td>
<td align="center" valign="middle" style="border-right: 1px solid #caddec;"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAAAAAA</span></a></td>
<td align="center" valign="middle"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #FFFFFF;">AAAA</span></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" height="6" align="left" style="font-size:0px; line-height:0px;"> </td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="hide">
<tr>
<td height="10" align="left" style="font-size:0px; line-height:0px;"> </td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="width320">
<tr>
<td align="left"><a href="
" target="_blank"><img src="images/cab.jpg" alt="" border="0" style="display: block;" class="hide" /><span style="display:none;width:0;overflow:hidden;float:left;max-height:0; mso-hide: all;" class="mob-showLogo"><img src="images/cab_b.jpg" alt="" border="0" style="width:0;" class="width320 displayblock" /></span></a></td>
</tr>
<tr>
<td height="10" align="left" style="font-size:0px; line-height:0px;"> </td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="width320">
<tr>
<td align="left"><a href="" target="_blank"><img src="images/11.jpg" alt="" border="0" style="display: block;" class="hide" /><span style="display:none;width:0;overflow:hidden;float:left;max-height:0; mso-hide: all;" class="mob-showLogo"><img src="images/11_b.jpg" alt="" border="0" style="width:0;" class="width320 displayblock" /></span></a></td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="width320">
<tr>
<td align="left" valign="top">
<table width="310" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#7a0c0d" class="width320">
<tr>
<td align="left" valign="top">
<table width="310" border="0" cellpadding="0" cellspacing="0" bgcolor="#ba0c0d" class="width318">
<tr>
<td height="36" align="center" valign="middle" bgcolor="#ba0c0d" style="font-size: 5px; line-height: 5px;"><a href="" target="_blank" style="text-decoration: none; display: block;"><strong style="font-size: 14px; line-height: 18px; color: #FFFFFF;">BUY</strong></a></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td>
<td width="0" align="left" valign="top" style="font-size: 0; line-height: 0; border-collapse: collapse;">
<![endif]-->
<table width="310" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#7a0c0d" class="width320">
<tr>
<td align="right" valign="top">
<table width="310" border="0" cellpadding="0" cellspacing="0" bgcolor="#7a0c0d" class="width318">
<tr>
<td height="36" align="center" valign="middle" bgcolor="#7a0c0d" style="font-size: 5px; line-height: 5px;"><a href="" target="_blank" style="text-decoration: none; display: block;"><strong style="font-size: 14px; line-height: 18px; color: #FFFFFF;">ENTRA AQUI</strong></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="width320">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="width300">
<tr>
<td align="center" valign="top" style="font-size: 5px; line-height: 5px;"><br />
<span style="font-size: 12px; line-height: 16px; color: #929292;">xxxxx<br />
<br /></span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" align="left" style="font-size:0px; line-height:0px;"> </td>
</tr>
</table>
<!-- Footer -->
<table border="0" cellpadding="0" cellspacing="0" bgcolor="f0f0f0" style="display:none; font-weight: bold;" class="moviltable width320">
<tr style="display: block; width:0;overflow:hidden;float:left;max-height:0;" class="moviltable width320">
<td>
<table border="0" cellpadding="0" cellspacing="0" style="font-family: Arial, Helvetica, sans-serif;" class="width320">
<tr style="mso-hide: all;">
<td width="112" align="center" valign="middle" class="menumovil border_r"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAAAA</span></a></td>
<td width="114" align="center" valign="middle" class="menumovil border_r"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAAAAAAAAAA</span></a></td>
<td width="94" align="center" valign="middle" class="menumovil"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAAAAA</span></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="font-family: Arial, Helvetica, sans-serif;" class="width320 border_t">
<tr style="mso-hide: all;">
<td width="130" align="center" valign="middle" class="menumovil border_r"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAAAAAAAS</span></a></td>
<td width="84" align="center" valign="middle" class="menumovil border_r"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAA</span></a></td>
<td width="106" align="center" valign="middle" class="menumovil"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAAAAAAAA</span></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="font-family: Arial, Helvetica, sans-serif;" class="width320 border_t">
<tr style="mso-hide: all;">
<td width="118" align="center" valign="middle" class="menumovil border_r"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAAAAAAAAAAAA</span></a></td>
<td width="108" align="center" valign="middle" class="menumovil border_r"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAAAAAS</span></a></td>
<td width="94" align="center" valign="middle" class="menumovil"><a href="" target="_blank" style="text-decoration: none;"><span style="color: #2d2d2d;">AAAA</span></a></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#f0f0f0" class="width320 border_t">
<tr>
<td align="left">
<table width="205" align="left" border="0" cellpadding="0" cellspacing="0" class="width320">
<tr>
<td align="center" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="width320">
<tr>
<td height="46" align="left" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/fb.gif" alt="Fb" border="0" style="display: block;" class="hide" /><span style="display: none;" class="mob-showLogo"><img src="images/fb_b.gif" alt="Fb" border="0" style="display: none; width: 0px; height: 0px;" class="mob-showLogo" /></span></a></td>
<td align="left" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/tw.gif" alt="Tw" border="0" style="display: block;" class="hide" /><span style="display: none;" class="mob-showLogo"><img src="images/tw_b.gif" alt="Tw" border="0" style="display: none; width: 0px; height: 0px;" class="mob-showLogo" /></span></a></td>
<td align="left" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/in.gif" alt="In" border="0" style="display: block;" class="hide" /><span style="display: none;" class="mob-showLogo"><img src="images/in_b.gif" alt="In" border="0" style="display: none; width: 0px; height: 0px;" class="mob-showLogo" /></span></a></td>
<td align="left" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/yt.gif" alt="Yt" border="0" style="display: block;" class="hide" /><span style="display: none;" class="mob-showLogo"><img src="images/yt_b.gif" alt="Yt" border="0" style="display: none; width: 0px; height: 0px;" class="mob-showLogo" /></span></a></td>
<td align="left" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/pt.gif" alt="Pt" border="0" style="display: block;" class="hide" /><span style="display: none;" class="mob-showLogo"><img src="images/pt_b.gif" alt="Pt" border="0" style="display: none; width: 0px; height: 0px;" class="mob-showLogo" /></span></a></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td>
<td width="0" align="left" valign="top" style="font-size: 0; line-height: 0; border-collapse: collapse;">
<![endif]-->
<table align="right" border="0" cellpadding="0" cellspacing="0" class="width320">
<tr>
<td align="left" valign="top" bgcolor="#f0f0f0">
<table width="415" border="0" cellspacing="0" cellpadding="0" class="width320 border_t">
<tr>
<td height="46" align="left" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/contacta_desktop.gif" alt="Contacta con nosotros" border="0" style="display: block;" class="hide" /><span style="display: none;" class="mob-showLogo"><img src="images/contacta_movil.gif" alt="" border="0" style="display: none; width: 0px; height: 0px;" class="mob-showLogo" /></span></a></td>
<td height="46" align="left" style="font-size: 0px; line-height: 0px;"><a href="" target="_blank"><img src="images/app_desktop.gif" alt="Descarga nuestra app" border="0" style="display: block;" class="hide" /><span style="display: none;" class="mob-showLogo"><img src="images/app_movil.gif" alt="" border="0" style="display: none; width: 0px; height: 0px;" class="mob-showLogo" /></span></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="width320">
<tr>
<td align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="font-family: Arial, Helvetica, sans-serif;" class="width300">
<tr>
<td align="center" valign="top" style="font-size: 10px; line-height: 14px; color: #8e8e8e;">
<br />
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="gmailfix" style="white-space:nowrap; font:15px courier; line-height:0;"> </div>
</body>
</html>
Can you please shared a screenshot of issues that you have faced.
Done, as u can see, the menu is bigger, before, (december 2016) it works correctly,
Same on the footer with grey background, and the legal text.