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.

… Read More

Comments

Got something to say?

You must be logged in to post a comment.