[BNM] PC HTML Check...

Wed Jul 15 10:51:04 BST 2009

also don't use background images they won't work in a lot of clients 
including Outlook - back to slicing!

Ali

----- Original Message ----- 
From: "James Moss" <email at jamesmoss.co.uk>
To: "Brighton New Media" <bnmlist at brightonnewmedia.org>
Sent: Wednesday, July 15, 2009 10:29 AM
Subject: Re: [BNM] PC HTML Check...

> Hi Adam,
>
> If you want to make sure your HTML emails look as good as possible across
> all desktop and web mail clients you need to throw out everything you know
> about good HTML and CSS design:
>
>   - Use tables for layout, no floated divs.
>   - Try to use as little CSS as possible, remember the bgcolor attributes
>   and <font> tags?  You will need to use those.
>   - If you do use CSS dont declare it in the <head> of the document.  All
>   CSS styles need to be inline attributes.
>   - Make sure all your images have the width and height attributes.  This
>   means if a client turns on images whilst viewing your mail, the layout 
> wont
>   jump around like crazy.
>   - Most important: Include an alternative text-only message alongside the
>   HTML one for those who dont like/cant view HTML emails.
>
> Its a fiddly art, much harder than getting a webpage to look identical
> across all browsers but follow those points and you should have a good
> starting point.  I doubt some gizmo in Safari will be much help, its very
> much a manual process.
>
>
> James Moss | Developer
> Solv.IT | 01273 25 20 24
> -- 
>
> BNM Subscribe/Unsubscribe:
> http://www.brightonnewmedia.org/options/bnmlist
>
> BNM powered by Wessex Networks:
> http://www.wessexnetworks.com 