Newsletter Consistency

Posted on 2011-02-17
Medium Priority
Last Modified: 2012-05-11
I have an HTML newsletter that I am launching from Vertical Response.  It is displaying properly in Outlook and Yahoo, but in Hotmail and Gmail it creates spacing or padding between table rows.  Does anybody know a workaround to this?  I have tried everything and the extra space doesn't show up in Firefox firebug or the source code.  I am attaching the newsletter.
Question by:kageboy2003
  • 4
  • 2
LVL 84

Expert Comment

by:Dave Baldwin
ID: 34922848
This page http://www.campaignmonitor.com/css/ shows things that Gmail doesn't support.  The only thing I see right off is the <style> tag which Gmail doesn't support anywhere in the document.

Author Comment

ID: 34926331

Thank you for that valuable information.  After looking through the CSS guide, I can still find no reason that my table rows have spacing in between them in Hotmail and Gmail.  The <style> tag in the body was added after the fact as an attempt to see if padding the tables would eliminate this issue.  I will upload a screenshot so you can see what I am talking about.


Author Comment

ID: 34928015
Here is a screenshot of both outlook 2007 and hotmail views of the newsletter in question.  As you can see from my code that I uploaded in the previous post, There is no reasoning I can see why there is space between the table rows.  Is there another method I am not using?  Maybe applying a height to the tables?  I thought of that, but the breaks are between the table rows and not the tables.
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

LVL 84

Expert Comment

by:Dave Baldwin
ID: 34928962
Try adding style="padding:0px; margin:0px;" to all of your images.  Those lines are at the image boundaries and the CSS on Hotmail may be breaking your display.

Accepted Solution

kageboy2003 earned 0 total points
ID: 35305709
After some research, I found out that using style="line-height:-1px;" in all the <td> tags that contain images, and style="display:block;" in all the <img> tags corrects the issue across all browsers.

Author Closing Comment

ID: 35339943
I was offered some really good starting points, but still nothing seemed to fix the issue.  After doing some further research and testing, I found this solution to correct the issue.

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

569 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question