Outlook 2007/2010 putting a 1 pixel space between images in a row.

I'm having a massive issue with something seemingly simple. I have a HTML email that I am creating. There is a section containing a row of images, some of them with links. Outlook keeps putting a single pixel horizontal space between the first image and the second. I had them in table cells, but even with the images simply in a row in the same table I still have the same issue.

The HTML source can be viewed here, where it looks fine in a browser - but copy and paste into outlook 2010 or 2007 results in the problem.


roshodgekiss roshodgekiss, 3 years ago

Hey there sc0ttyd, try adding the following to your CSS styles:

img { display: block; }

You can also remove the align="left", as this is the default and align= has been known to sporadically introduce spaces in Outlook. Let us know how you go :)

Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
sc0ttyd, 3 years ago

Well it seems that although Outlook's compose view shows gaps between the images, once the email has been sent, it looks fine at the receiving end. Even if the recipient is the very same Outlook client that displayed the email incorrectly in compose view.


sc0ttyd, 3 years ago

Thanks for the tip Ros - it seems that your tip works for removing vertical gaps between images for GMail. Unfortunately the client needs the email as an OFT file, and Outlook strips out the display:block from the OFT, causing gaps to appear in GMail, Y! Mail and Hotmail.

I guess their solution is simple: don't use an OFT.

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