A

Anonymous

Question

space after image in gmail

Forum|Forum|8 years ago
February 20, 2018
1 reply
2279 views

wondering how to fix the space that occurs after an image in all gmail/android emails (this is from litmus). any help is appreciated. thanks

Marketo

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Level 5

Can you check to confirm if your html holds a spacer image or any <td> or any extra Linebreak <br/> tags which is causing space after the images?

A

Anonymous

the HTML contains <td>. here is the code if that helps:

<table id="free-image5cf945f6-fedc-401d-8ba9-c107533e0801" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-image-2" mktoname="Hero Image">

<tbody>

<tr>

<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeImageBackgroundColor};" bgcolor="${freeImageBackgroundColor}" valign="top">

<center>

<table class="table640-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="640">

<tbody>

<tr>

<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeImageSpacer};font-size:${freeImageSpacer};" height="${freeImageSpacer}"> </td>

</tr>

<tr>

<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

<center>

<div style="display:inline-block" class="mktoImg" id="photo5cf945f6-fedc-401d-8ba9-c107533e0801" mktoname="Photo" mktolockimgsize="true">

<a><img src="marketo-landing.tendrildemo.com/rs/620-RFY-437/images/ecobee4%2Bpromo-5.png" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" width="640" alt="ecobee4+promo-5.png" /></a>

</div>

</center> </td>

</tr>

<tr>

<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeImageSpacer2};font-size:${freeImageSpacer2};" height="${freeImageSpacer2}"> </td>

</tr>

</tbody>

</table>

</center> </td>

</tr>

</tbody>

</table>