<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ghostload &#124; Shooting The Breeze &#187; Coding</title>
	<atom:link href="https://www.ghostload.com/category/coding/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ghostload.com</link>
	<description>Poof</description>
	<lastBuildDate>Wed, 19 Sep 2012 14:40:25 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.2.38</generator>
	<item>
		<title>HTML Email Gaps Between Tables and Images in Gmail</title>
		<link>https://www.ghostload.com/coding/html-email-gaps-between-tables-and-images-in-gmail/</link>
		<comments>https://www.ghostload.com/coding/html-email-gaps-between-tables-and-images-in-gmail/#comments</comments>
		<pubDate>Tue, 17 May 2011 21:17:38 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.ghostload.com/?p=57</guid>
		<description><![CDATA[After nearly all day of struggling to figure out why a recent HTML email didn&#8217;t look right in Gmail, we finally found the answer. We coded the template and sent out test emails from MailChimp. It looked perfect in Outlook, Hotmail, Yahoo and others, but there were gaps in between tables in Gmail and gaps &#8230; <a class="read-excerpt" href="https://www.ghostload.com/coding/html-email-gaps-between-tables-and-images-in-gmail/">Continue reading <span class="meta-nav">&#187;</span></a>]]></description>
				<content:encoded><![CDATA[<p>After nearly all day of struggling to figure out why a recent HTML email didn&#8217;t look right in Gmail, we finally found the answer.</p>
<p>We coded the template and sent out test emails from MailChimp. It looked perfect in Outlook, Hotmail, Yahoo and others, but there were gaps in between tables in Gmail and gaps around some of the images. We used FireBug to try and pinpoint the problem, but even stripping all styles out didn&#8217;t work. We even took out all spacing between lines of code. This didn&#8217;t solve the layout problems in Gmail either.</p>
<p>We then switched to StreamSend, because we thought it might be some of the styles or other additional code that MailChimp was adding in. Nope. Same thing. HTML Email looked perfect everywhere else, but not Gmail.</p>
<p>After spending nearly the entire day troubleshooting, we finally found the fix.<br />
You have the add a display-block style to every image tag in the email and it will display perfectly in Gmail.</p>
<p>Here is an example image tag with the style added to fix the Gmail issues:<br />
<img style="display: block;" src="images/imagename.jpg" alt="" width="100" height="100" /></p>
<p>Hopefully this will help you as much as it helped me.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.ghostload.com/coding/html-email-gaps-between-tables-and-images-in-gmail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
