Problem with horizontal gaps in html email (GMAIL)

I've been trying to close down gaps between images. I have added the style="display:block" to all images and it still showed this issue.

I'm having this problem only in gmail..

Any ideas?

Sans Aksoy Sans Aksoy, 6 years ago

Found a fix for gmail..

All you have to do is to give inline style to <td>'s with images..

It overrides gmail's new class (font-size:80%;), which I believe causes the problem.

.gt {
font-size:80%;

<tr>
                <td style="font-size:0"><img src="images/tcell_black4_04.gif" width="105" height="60"></td>
                <td style="font-size:0"><img src="images/tcell_black4_05.gif" width="621" height="60"></td>
                <td style="font-size:0"><img src="images/tcell_black4_06.gif" width="61" height="60"></td>
              </tr>


euro.message LIVE presents the key abilities which are required to deliver your enterprise's exclusive value to consumers while treating them as the sole individuals they are.

http://www.euromsg.com
Sans Aksoy Sans Aksoy, 6 years ago

Technically you're right but we use SpamAssassin's tool internally for spam analysis and "font-size:0" didnt effect the total score..

But I'm sure there are many spam filters that will give extra score for "font-size:0"


euro.message LIVE presents the key abilities which are required to deliver your enterprise's exclusive value to consumers while treating them as the sole individuals they are.

http://www.euromsg.com
benspencer, 6 years ago

I was getting some strange spacing issues in templates which have displayed fine in Gmail for months.

This 'font-size:0;' fix, applied to <td> elements containing images, has solved those issues. Many thanks!

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098