How to Create Great HTML Emails with CSS
December 7, 2006
Writes: Christian MacAuley
HTML emails are widely used for all kinds of professional correspondence. Beyond email newsletters they’re used for all sorts of application-generated messages, such as receipts and confirmations. Styled messages have lots of appeal for marketers, designers and consumers — but for coders, it’s a real headache to create them properly.
Creating an HTML email that looks right to every reader is a job that makes cross-browser testing look easy. What can go wrong? After reaching its final destination, an email could be read using any of a number of standalone email clients (such as Outlook, AOL, and Eudora), and even more Web-based clients (Yahoo, Hotmail, and Gmail to name a few). Each of these email clients displays your HTML email message a little bit differently, so ensuring that your message displays correctly can be a daunting task.
How are coders coping with this mess? Some say the only solution is to go retro — by ditching CSS and using old-school HTML for formatting, but what about serious CSS coders who can’t even type a font tag with a straight face? Fortunately, we have options.
Comments
Got something to say?
You must be logged in to post a comment.



