5 Solutions for Accurate Email Rendering

August 24th, 2010 | By Trevor Ezell | No Comments

Last week we reviewed why All Email Clients Are Not Created Equal and why various email clients display your email messages differently than others. This week we look at several things you can do to maintain consistency in your email message display. This is not meant to be a comprehensive list, but identifies several solutions you can implement in your email campaign development.

5 SOLUTIONS FOR ACCURATE EMAIL RENDERING

1. TABLES AREN’T JUST FOR THE DINING ROOM
Use tables when building an HTML email because CSS elements such as position and float are not supported across all email clients.

2. THE LATEST, IS NOT ALWAYS THE GREATEST
HTML code for emails is old school. Emails should be built under an HTML 4 Transitional doctype and need to be validated.

3. CSS – CAN’T STYLE SHEETS
Most email clients will likely ignore any CSS styling unless it’s done inline. Yeah, yeah… it’s a pain if your client decides they want the text to be grey and not black, but coding inline CSS for email is a fundamental technique for ensuring consistency.

If you need to style single words, then use the <span> tag. It is an inline element and can be used not just for coloring elements or increasing the text size, but also for positioning elements above or below content.

You may also want to include a <span style=”color:#yourcolor”> inside an href as some email clients have default link styles that override your link color.

4. BACK THAT [IMG] UP
The background-image property of an element is supported by roughly half of all email clients. If you’re going to use background images, remember to provide a background-color just in case.

5. TOO MUCH IS JUST ENOUGH
Specify height, width, alignment, alternate text, title, country of origin, denomination, marital status… okay you get it. You should always be as specific as possible when coding email so that nothing is assumed by an email client’s rendering.

These are just some of the most common issues our teams run into while coding emails for our clients. What are some of the issues/remedies you’ve encountered?  Share your expertise with our readers by posting your comment below!

Tags: , , , , ,


Email Transmit Info Center – Email Marketing Blog is proudly powered by WordPress | Entries (RSS) and Comments (RSS).