Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Andrew Poteau
Andrew Poteau
2,819 Points
Posted by Andrew Poteau
Andrew Poteau
2,819 Points

How do you compose an html newsletter that renders correctly in MS Outlook? My html looks bad, but good as a web page.

I have the html written, and it looks good in chrome and IE, but within outlook, the styling is botched. I have used all inline CSS, as directed by other websites. Do you need special software, or are there any good training resources to help? In short, what is the best way to send out an html email newsletter?

coryfabian
coryfabian
7,653 Points

I have a great resource for you Travis Neilson of dev tips! In this Youtube video he shows exactly what you are looking for! by the way he is awesome too!

-https://youtu.be/XnWIperMy08

2 Answers

Rachel Campbell
Rachel Campbell
9,103 Points

Outlook strips out certain CSS elements. Here is a reference for CSS that is NOT supported in Outlook: https://www.campaignmonitor.com/css/email-client/outlook-2007-16/

It's hard to say what you could do to fix something without seeing the problem. For example, if you need padding between an image and some text, Outlook will strip out the usual padding: n value. Instead, you have to specify vspace and hspace in the img tag. More info on the padding issue: https://knowledge.hubspot.com/articles/KCS_Article/Email/Why-are-margins-and-padding-around-my-image-not-rendering-in-Outlook

Andrew Poteau
Andrew Poteau
2,819 Points
Andrew Poteau
Andrew Poteau
2,819 Points

Hi Rachel, thanks for the tips and articles. These are very informative. Just as I thought, getting html/css to work in outlook is going to be a major project for me. I do appreciate your help!

Andrew Poteau
Andrew Poteau
2,819 Points
Andrew Poteau
Andrew Poteau
2,819 Points

Thank you. Unfortunately, I've already tried this video, as well as several others on youtube. The way they describe doesn't work. The styling doesn't work at all in the Outlook emails.