Solved

Newsletter Consistency

Posted on 2011-02-17
6
293 Views
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.
02142011.html
0
Comment
Question by:kageboy2003
  • 4
  • 2
6 Comments
 
LVL 83

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.
0
 

Author Comment

by:kageboy2003
ID: 34926331
Dave,

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.

0
 

Author Comment

by:kageboy2003
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.
hotmail-screenshot.jpg
outlook.jpg
0
Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

 
LVL 83

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.
0
 

Accepted Solution

by:
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.
0
 

Author Closing Comment

by:kageboy2003
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.
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How to count in a table in php 22 33
Yahoo!'s Common Tags, explain them to me like I'm an infant. 4 34
HTML &#0153 2 17
Can't get container centered 4 12
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

786 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