2 Replies Latest reply on Feb 20, 2018 12:48 PM by Alex Ebelhar

    space after image in gmail

    Alex Ebelhar

      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

        • Re: space after image in gmail
          Priyank Joshi

          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?

            • Re: space after image in gmail
              Alex Ebelhar

              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>