Michael,
Writing CSS that works in most or all of the major e-mail apps is
tricky. So, here are two great links for you:
1. Campaign Monitor's Original Guide to CSS Support for E-mail
http://www.campaignmonitor.com/blog/archives/2006/03/a_guide_to_css_support_in_emai.html
2. The 2007 Update of Campaign Monitor's Guide
http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html
They should give you more than a good understanding of how the major
e-mail apps support CSS.
I should warn you that standards-based HTML e-mails don't stand up well
to replies and forwarding, thanks to how e-mail apps handle those
functions. So, while original recipients of the e-mails will very
likely get an okay look at the design, the next person down the trail
will almost certainly not. The only sure-fire way to fix that problem
is to abandon standards and code the layout in tables with in-line CSS
(see Apple's iTunes e-mails). A big standards no-no, and partially the
reason I haven't accepted an HTML e-mail project since last year.
Finally, here are two blog entries from Jeffrey Zeldman:
1. E-mail is not a platform for design
http://www.zeldman.com/2007/06/08/e-mail-is-not-a-platform-for-design/
2. Eight points for better e-mail relationships
http://www.zeldman.com/2007/06/12/eight-points-for-better-e-mail-relationships/
These make for an interesting counterpoint to the assumption that HTML
e-mail is (always) a good thing.
Hope that helps,
Nick
______________________
Nicholas Turner
Gardner Loop, LLC
Photography, graphic design, and web development for small businesses.
www.gardnerloop.com
Michael Mobbs wrote:
Hello All,
Does anyone know of a good resource for info on css in html emails or
have any guidelines re css rendering in popular webmail apps or email
clients? I've been working on html emails recently, and have just
noticed that gmail has centred my p {text-align: left} elements and
centred my li {text-align: justified} elements. Any pointers would be
muchly appreciated!
Michael Mobbs
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
