Solved

Outlook not Removing Spaces from HTML Email

Posted on 2014-03-26
4
491 Views
Last Modified: 2014-04-28
I have created a MailChimp email template to market my business.  The email looks great when I send a test message and view in gmail's webmail, however when I view in outlook, all of the text and headings are spaced one line above the other.  In my template there should be a blank line in between a heading and the paragraph below.

How do I get blank lines to appear when the html email is viewed in Outlook and other email clients, especially gmail?

HTML code attached.

Thanks!
HTML-email-code.txt
0
Comment
Question by:Rick_Preiss
  • 2
  • 2
4 Comments
 
LVL 32

Expert Comment

by:Big Monty
ID: 39958895
Have a look at this thread, it talks a lot about how styling emails can be a pain and certain techniques that can be used to overcome it.

You may want to start off with validating your html at http://validator.w3.org/. One quick run through produced 36 errors, these errors could be causing outlook to try to compensate when it shouldnt.
0
 

Author Comment

by:Rick_Preiss
ID: 39958966
Do you know which errors specifically are causing the compensation that's removing my blank lines inbetween paragraphs?  This HTML looks pretty foreign to me.
0
 
LVL 32

Accepted Solution

by:
Big Monty earned 500 total points
ID: 39958980
i don't know if it is specifically interfering with your line break issue, but you should clean them all up as other parts of the html could cause issues in other email clients.
0
 

Author Closing Comment

by:Rick_Preiss
ID: 40028580
Thanks for the help.
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Outlook Free & Paid Tools
Are you unable to connect or configure Hotmail email account in Microsoft Outlook 2010, 2007? Or Outlook.com emails are not downloading to Outlook? Lets’ see the problem and resolve Outlook Connector error syncing folder hierarchy (0x8004102A).
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

747 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now