AnsweredAssumed Answered

White space between body and masthead img

Question asked by 0b3d5a0ac27b46cd5c4913ef406a2765df13eab1 on Jan 4, 2018
Latest reply on Jan 9, 2018 by 0b3d5a0ac27b46cd5c4913ef406a2765df13eab1

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

Outcomes