I am attempting to add a background image to a newsletter. So far I have been unsuccessful so far. I have tried adding an external style sheet in the template which does display the background on the screen until I save the template.
Has anyone been successful in doing this?

Hi Geoff,

here are some tips I got a while back in regards to newsletters and email templates.

hope it is of some use....


Because different applications & clients render html emails in different ways and using different rendering engines, there are a few things that we need to adhere to so that the email displays correctly everywhere.

1. Do not include the standard html,head,title & body tags. The email should start with a table declaration with the width of 100%. If you want to set background colours and background images...do them on this table by using the "style=" attribute.

2. If you are going to be doing background colours/images, then do it using the above technique but also add a <style> body { ... } </style> to the top of the document as well.

3. In-line CSS is the way to go. Rather than declaring classes at the top...include the CSS in the actual attribute. This is only for really old email clients. So it's not 100% required but we like to do it still.

4. Any images or links inside the template should be absolute urls. Do not use "../images/logo.png", instead use the full url.

5. No external declarations. CSS or Javascript cannot be declared externally.

6. Javascript is not allowed.

7. Embedding any objects is also not allowed (this includes flash videos or any other type of embed).

8. Try to use table layouts at all times.

cheers,

anthony. S.