Gmail displaying gaps between images

Question

Building an overly fancy HTML mail for a client. Code validates at http://validator.w3.org as XHTML 1.0 Transitional by direct input. Thing is Gmail displays gaps between

Answer 1

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.

Answer 2

Dunno if it’s any help but there is a comprehensive guide to CSS support in the different email clients at www.campaignmonitor.com/css/