Solved

Outlook not Removing Spaces from HTML Email

Posted on 2014-03-26
4
499 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

What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

Question has a verified solution.

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

Suggested Solutions

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Following basic email etiquette rules will help you write a professional email and achieve a good, lasting impression with your contacts.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

864 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

22 Experts available now in Live!

Get 1:1 Help Now