Fix for email newsletter extra table row gap in Gmail
June 1, 2010
Designing beautiful newsletter to show up perfectly in all mail clients is really a tough job for designers. Different email clients render html newsletter in different ways and for this sometimes things don’t show up as expected. In Gmail table cells with only images creates some gaps between rows which is not expected. To fix this we need to add css style to img tag ie. style=”display:block” – Now your email Newsletter will look ok in Gmail 
Filed under: tips, web design
Tagged: CSS, Email Newsletter, Gmail, HTML
8 Responses to “Fix for email newsletter extra table row gap in Gmail”
Add a comment
Facebook
natureStudy
Islam – the Complete Code of Life
Images from BD
Nice Fix! Although i don’t design newsletters, i’ll keep that in mind
nice! Good solution…thnx
It helped me. I read this post earlier and when I faced this problem I just came to this site and used this technique and it worked. Thank you Russel Vai. I am sending you the sample email shortly.
glad to know that @Shakil vai
Thanks for posting, just what I needed!
This has been a huge problem for me (and i assume many email marketers) for a long time. I get emails from many big-time retailers who don’t know how to fix this either. So glad I came across this. Thanks much for the fix! It works!!
Hi When I do this it knocks the image on to the next row for me! That isnt right!
hmm – you may have other problem in your page layout
so far this solution works for me many times without any problem