Fix for Gmail Image Rendering Issues
Gmail has recently changed the way they interpret and display code. Most noticeably, this has caused a number of emails to render incorrectly. The broken Gmail emails are suffering from the same symptoms—horizontal lines between rows of images—Hotmail was encountering recently. Find my post about that issue here.
The same fix that applied to the Hotmail issue also applies here. Simply include img {display: block;} inbetween the style tags of your email and that should do the trick. If you want to be even more thorough, you can apply the same bit of code inline. Example:
<img src="images/header.jpg" style="display: block;" />
If there are any other ways of fixing this issue, please comment your findings below!
Posted by Bryan Quilty on May. 17, 2010
Comments
I had some issues making a propser HTML mail of a nice design and decided to actually cut it in pices and make a graphically email newsletter with proper ALT description instead…
Its woprking well with the block solution., thanks
Posted by Michael on 05/25/2010 02:25 PM
This solution is working for me! I appreciate the help. I wonder what they changed that caused this to happen? Any ideas? I’m just curious to know 
Posted by Sarah on 06/01/2010 08:37 PM
Just saw this issue and remembered you had covered this. Thanks for the tip!
Posted by Andrew on 07/19/2010 04:32 PM
This fix worked with Gmail on my Mac using Safari, but it didn’t work in Gmail on Explorer. Any other ideas?
Posted by Randy on 04/04/2011 08:37 AM
It does not work for me.
Posted by Steve on 05/25/2010 11:06 AM