A Guide to CSS in Emails

I am currently working on changing our Voucher Emails from a 'text based email' to a choice of a couple 'html styled emails'. While this is an exciting project for marketing and our customers as a developer this makes me think browser capability testing times a thousands..

I know personally I access my mail in 7 different forms via 3 different email accounts a day... Not to mention the recent competition and modification of web clients such as Yahoo's beta mail vs Hotmail Live..

How can i ensure our customers get a good experience?

Can i use CSS?

What are the accessibility guidelines when it comes to peoples inbox?

Well after googling "help me" i discovered a very resource centre that answered these questions extensively with real data that I can present to marketing regarding how our Customers will be treated with examples like this:

The Apple email with images disabled - click to see a bigger version The Apple email with images enabled - click to see a bigger version

So without further ado I would like to point you to the following resources

Update Another great link Another great resource CSS in Emails

Comments
Armando Alves's Gravatar I did a post about that same subject a while ago:
<a href="http://www.asourceofinspiration.com/2006/09/11/zen...">Zen and the art of CSS in email>/a>
# Posted By Armando Alves | 11/15/06 12:52 PM
rob's Gravatar Thanks will be sure to check it out, it sure is an interesting subject.
# Posted By rob | 11/15/06 1:06 PM
Ben Nadel's Gravatar Nice post. I like the one about CSS support in different clients. Most excellent.
# Posted By Ben Nadel | 11/16/06 12:54 AM
warhammer gold's Gravatar <A href="http://www.vipwarhammergold.com/" target=_blank><FONT =4><B>warhammer gold</B></FONT></A> <FONT =4></FONT><A href="http://www.vipwarhammergold.com/news/news.html" target=_blank><FONT size=4><B>buy warhammer gold</B></FONT></A><BR><A href="http://www.bestwarhammer.com/" target=_blank><FONT size=4><B>warhammer gold</B></FONT></A><FONT size=4></FONT> <A href="http://www.bestwarhammer.com/news/news.html" target=_blank><FONT size=4><B>buy warhammer gold</B></FONT></A><BR><A href="http://www.aocsale.com/" target=_blank><FONT size=4><B>aoc gold</B></FONT></A> <FONT size=4></FONT><A href="http://www.aocsale.com/aoc-news/" target="_blank">http://www.aocsale.com/aoc-news/" target=_blank><FONT size=4><B>age of conan gold</B></FONT></A><BR><A href="http://www.game4power.com/" target=_blank><FONT size=4><B>wow gold</B></FONT></A> <FONT size=4></FONT><A href="http://www.game4power.com/news/" target="_blank">http://www.game4power.com/news/" target=_blank><FONT size=4><B>buy wow gold</B></FONT></A><BR><A href="http://www.wowgoldone.com/" target=_blank><FONT size=4><B>wow gold</B></FONT></A> <FONT size=4></FONT><A href="http://www.wowgoldone.com/" target=_blank><FONT size=4><B>buy wow gold</B></FONT></A><BR><A href="http://www.game4power.com/" target=_blank><FONT size=4><B>world of warcraft gold</B></FONT></A> <FONT size=4></FONT><A href="http://www.wowgoldone.com/" target=_blank><FONT size=4><B>world of warcraft gold</B></FONT></A><BR><A href="http://www.gamelevelup.com/" target=_blank><FONT size=4><B>wow power leveling</B></FONT></A><BR><A href="http://itemstores.com/" target=_blank><FONT size=4><B>wow item</B></FONT></A>
# Posted By warhammer gold | 11/20/08 12:46 PM