space after image in gmail

Highlighted
Anonymous
Not applicable

space after image in gmail

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

2 REPLIES 2
Highlighted

Re: space after image in gmail

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?

Highlighted
Anonymous
Not applicable

Re: space after image in gmail

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="http://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>