Microsoft Outlook adding spacing to signature when sending email

53 views Asked by At

I have created a HTML signature that looks fine when I copy and paste it into the signature creator in Outlook. Then when I click create a new message the signature still looks fine but then the email is sent it creates gaps underneath 2 parts. The gaps happen where the signature goes onto a new line.

This is the code for the part that breaks:

<td style="margin: 0;padding: 0;border: 0;vertical-align: top;font-size: 0px; line-height: 0px;">
    <span style="display:block;max-height:166px;padding: 0; margin: 0;">
      <img style="float:left;padding: 0; margin: 0;" src="#" height="45" alt="">
<!-- Line Break & 1st GAP HERE -->
      <a height="0" href="#" target="_blank"><img src="#" height="43" alt="" style="float: left;padding: 0; margin: 0;"></a>
      <a height="0" href="#" target="_blank"><img src="#" height="43" alt="" style="float: left;padding: 0; margin: 0;"></a>
      <a height="0" href="#" target="_blank"><img src="#" height="43" alt="" style="float: left;padding: 0; margin: 0;"></a>
      <a height="0" href="#" target="_blank"><img src="#" height="43" alt="" style="float: left;padding: 0; margin: 0;"></a>
<!-- Line Break & 2nd GAP HERE -->
      <img src="#" style="float: left;padding: 0; margin: 0;" alt="">
    </span>
  </td>

Full Code:

    <table style="table-layout: fixed;border-spacing: 0px;border-collapse: collapse;margin: 0;padding: 0;
border: 0;vertical-align: top; background: white;border-spacing: 0;" cellspacing="0" cellpadding="0" role="presentation">
  <tbody style="margin: 0;padding: 0;border: 0;">
    <tr style="margin: 0;padding: 0;border: 0;font-size: 0px; line-height: 0px;">
      <td style="margin: 0;padding: 0;border: 0;vertical-align: top;font-size: 0px; line-height: 0px;">
          <a href="https://www.timbertight.com/" target="_blank"><img src="https://puddle.agency/email/timber-tight/Timbertight-1.png" alt="" style="float: left;padding: 0; margin: 0;"></a>
      </td>
      <td style="margin: 0;padding: 0;border: 0;vertical-align: top;font-size: 0px; line-height: 0px;">
        <span style="float:left;padding: 0; margin: 0;">
          <img style="float:left;padding: 0; margin: 0;" src="https://puddle.agency/email/timber-tight/Timbertight-2.png" alt="">
          <br />
          <a href="https://www.linkedin.com/company/timbertight/" target="_blank"><img src="https://puddle.agency/email/timber-tight/Timbertight-3.png" alt="" style="float: left;padding: 0; margin: 0;"></a>
          <a href="https://www.facebook.com/timbertight/" target="_blank"><img src="https://puddle.agency/email/timber-tight/Timbertight-4.png" alt="" style="float: left;padding: 0; margin: 0;"></a>
          <a href="https://twitter.com/TimberTight" target="_blank"><img src="https://puddle.agency/email/timber-tight/Timbertight-5.png" alt="" style="float: left;padding: 0; margin: 0;"></a>
          <a href="https://www.instagram.com/timbertight/" target="_blank"><img src="https://puddle.agency/email/timber-tight/Timbertight-6.png" alt="" style="float: left;padding: 0; margin: 0;"></a><br />
          <img src="https://puddle.agency/email/timber-tight/Timbertight-7.png" alt="">
          </span>
      </td>
    </tr>
  </tbody>
</table>

Thanks

0

There are 0 answers