9 Replies Latest reply on Jan 9, 2018 6:28 PM by Amelia Low

    White space between body and masthead img

    Amelia Low

      Hi all,

       

      I am trying to get rid of this white space (td, as screen shot) between my mast img and body content. I think its caused by my CTA button on the img. But i cant seem to shorten the white space with line-height or height. This is for an email template.

      whitespace.JPG

      <!-- MASTHEAD -->

                <tr>

                    <td align="center" height="220" valign="top" bgcolor="#666666">

      <div class="mktoImg" id="mastheadImg" mktoName="Masthead Image 650x220" mktoImgSrc="https://global.curvature.com/rs/370-TGX-095/images/6ThingsHeaderImage_soloFeature.jpg" mktoImgLink="https://com" mktoImgWidth="650" mktoImgHeight="220">

       

      <!-- TOP CTA -->

      <tr>

      <center>

      <tbody>

      <tr>

      <td class="cta" 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; text-align: center; border-collapse: collapse; background:#FFFFFF;" align="">

       

      <table 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";>

       

      <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; mso-table-lspace: 0pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; border-collapse: collapse; position:relative;bottom:65px;" align="middle" bgcolor="#f26925">

       

      <div class="mktoText" id="TopCTA-Text" mktoname="Top Call To Action Text" target="_blank" style="color: #ffffff; font-size:14px;font-family:Calibri,Helvetica,Arial,sans-serif; font-weight: bold; text-decoration:none; width:140px; height:45px; display:inline-block; border-bottom: none; text-transform: uppercase; cursor: pointer; line-height: 15px; "><br/>

      <a href="#" target="_blank" style="text-decoration: none; color: #ffffff;">Contact Me</a>

      </td>

      </tr>

      </tbody>

      </table>

      </center>

      </td>

      </tr>

      <!-- /TOP CTA -->

       

      Thanks in advanced,

      Amelia