Email Design Support Guide

There is no doubt that troubleshooting email design is very tricky. With the rising art of Chrome Dev Tool it makes deugging web pages and client side code very easy as we are able to see exactly what is happening. 

Outlook 2007 – 2013 ignores margin and padding CSS styling when placed within an image.

What’s the problem? The email reader tries to be helpful and sets links on certain data in your email such as telephone numbers, dates or addresses. Unfortunately, the email reader uses its own default text link styling, often in blue, often a...

What’s the problem? The email reader shows gaps under each image in your email. So, if you want to place an image hard up against another element in your email - for example a banner image that needs to sit up against a menu strip, or an image...

Tables are usually the fix to most items within email clients always try this item first. Something not aligning properly use align=”center” on the table cell. You are always better off setting inline styles on a table element as opposed to a <p> or...

The biggest difference here is Outlook 2000 and 2003 used an IE based preprocessor and worked fairly well as this was based on how a browser would render code. For Outlook 2007, 2010 and 2013 Outlook is now using Microsoft Word for a preprocessor...

I wanted to start this off with a bit of background as to why emails render differently. You might be thinking that it’s all the same code or some clients don’t accept some codes but what really is behind this. With a normal website and web browser...