Gmail Displaying Gaps Between Images

Gmail displaying gaps between images

The specific answer to your question is that Gmail adds extra space to table cells which only contain an image. To fix this issue add to these images:

style="display:block"

Tip:
Campaign Monitor is a great resource, as is MailChimp. Both provide several guides, template examples, etc.

Why are there spaces between the images in my newsletter when it’s sent?

Adding this:

img {
    vertical-align: top;
}

fixed the fiddle for me in Chrome 15. I couldn’t swear that this will apply to the various mail clients too, but it might work.

When I have to do HTML e-mails I use Email on Acid to check the results in various mail clients. It’s worth a look.

Gmail displaying gaps between images in email signature sent from Outlook but outlook it displays 100%

Some attributes may not be supported by the Word editor used by Outlook to display and edit message bodies. For example, marginheight is not supported. You can find the supported and unsupported HTML elements, attributes, and cascading style sheets properties in the Word HTML and CSS Rendering Capabilities in Outlook article.

---

Related Topics