Friday, January 30, 2015
- Content must be supplied in HTML
- email body width: 600 pixels
- Total file weight (including HTML, CSS, images): 50KB
- We cannot accept emails built with CSS in the header tags or that include flash or forms!
- Use HTML tables for layout. Tables control the design layout and presentation.
- Use Standard Inline CSS. Do not design your HTML as a web page. Most web-based email clients strip Header CSS
- Explicitly define colour values as email clients may have different default colours which vary from web browsers.
- All image tags should include width and height attributes as stretched images will not render correctly in some email clients.
- <div> tags as the box model is not supported by a majority of e-mail clients and should be avoided. Tables should be used for e-mail layout. Also, avoid using rowspan as it won’t render consistently.
- It is recommended to set cellpadding and cellspacing to 0 on the table elients.
- Line-breaks (<br />) should be used instead of paragraphs (<p>) to ensure a more consistent rendering.
- Use blank <td>s with spacer images or alignment techniques with nested tables where necessary instead of padding or margin attributes as some email clients do not support them.
- There are many different types of email programs and it is likely your email will display differently across each of them. For this reason we ask you not to put CSS in the header tags or link to a CSS file since many email programs will not recognise it.
- You may wish to use standard in-line CSS coded HTML e.g. <span style="font-weight:bold; ...etc..."> as opposed to <span class="style 5">. If so, please refer to the attached guide from Campaign Monitor which details the programs that support CSS.
- Please note, Outlook 2007 uses Word 2007 to display HTML email and not Internet Explorer, which strips out all CSS. Our advice is to keep your email design simple to ensure your email will appear as intended.