...

View Full Version : CSS in email html, layout not showing same as web browser does



jasonpc1
04-09-2011, 04:40 PM
I have created my email layout in Dreamweaver using html with doctype, html, head and body tags and it shows ok in IE and Firefox and in Windows Live Mail I have placed all of the CSS inside the email code inside the head tags.

When this is emails to someone with Outlook, Outlook completely changed the html and the CSS section ?!

How do I prevent this from happening or better still how to code this so that Outlook does not have to change anything.

harbingerOTV
04-09-2011, 05:47 PM
You're in for a world of hurt ;)

HTML emails suck. Trust me, I've been there.

Some references:
http://24ways.org/2009/rock-solid-html-emails
http://www.campaignmonitor.com/css/

And the save all awesome tool:
http://inlinestyler.torchboxapps.com/


Basically, emails to be the best cross platform, need to have all the styling inline. This is a royal pain doing it by hand. The converter I linked to takes your beautifully coded HTML and CSS and spits out the inline crap the clients need to be able to not crap themselves.

I've used it successfully and I have to code for:

Outlook 2004
Outlook 2007
Lotus Notes
Gmail
Hotmail
Yahoo
Thunderbird
Outlook Webmail

have fun

abduraooft
04-09-2011, 06:06 PM
Check http://blogs.sitepoint.com/code-html-email-newsletters/ too.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum