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

Design HTML Email Design Designing Email with CSS Applying CSS to the Email Scaffold

Max Weir
Max Weir
14,963 Points

Outlook 2007 "view in browser" message.

how exactly does this work? I've only started this course so am i jumping too far ahead asking this early?

".... provide a view of this email in a browser message."

jonathankavalos
jonathankavalos
3,523 Points

I'm not sure I understand your question. Are you asking how or why you get this message?

Max Weir
Max Weir
14,963 Points

''' #outlook a { padding: 0; /* Force Outlook 2007 and up to provide a "view in browser" message. */ }''' Hi there, this part of the course I am referring too, he doesnt clarify exactly how this will work. what does adding this padding:0 do in relation to the view in browser message?

1 Answer

Ben Evans
Ben Evans
4,634 Points

I believe that Microsoft Outlook has some GUI functionality which will take the code contained within the email received, and render it in your default browser. This may include inserting an extra line of text (to the effect of "view this email online") into the top of your code. The above line of code removes any padding around this content which may insert weird spacing into your HTML once the email has been received by an Outlook 2007 user.

Edit: Some helpful references:

  1. https://www.emailonacid.com/blog/article/email-development/horizontal_spacing_issues_in_outlook_2007_and_2010
  2. http://www.outlook-tips.net/tips/view-email-browser/