Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 300
  • Last Modified:

Newsletter Consistency

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
kageboy2003
Asked:
kageboy2003
  • 4
  • 2
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
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
 
kageboy2003Author Commented:
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
 
kageboy2003Author Commented:
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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
Dave BaldwinFixer of ProblemsCommented:
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
 
kageboy2003Author Commented:
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
 
kageboy2003Author Commented:
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

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now