Creating e-newsletter that work in all e-mail programs
Monday, February 18th, 2008As Creative Director, I have had the pleasure of being part of a team of people working on the design and development of most projects that MarkNet Group is contracted to work on. Lately, I have been working on the development of e-newsletter templates for a number of our clients. While doing so, unfortunately, I’ve come to realize that not all e-mail programs view e-newsletters the same way.
Here are just a few pointers to keep in mind:
Gmail removes anything before the body tags, so you will need to use “inline CSS” by adding a style inside an HTML element. All you have to do is specify the desired CSS properties with the style HTML attribute.
For example:
<p style=”background: blue; color: white;”>A new background and font color with inline CSS</p>
A new background and font color with inline CSS
Gmail doesn’t show the CSS style: font-family. You can use the HTML tag “font face” instead of, or in conjunction with your “font-family” CSS tag.
So you can specify font in two ways:
<p style=”font-family:Arial, Helvetica, sans-serif”><font face=”Arial, Helvetica, sans-serif”>Specifying fonts</font></p>
<p><font face=”Arial, Helvetica, sans-serif”>Specifying fonts</font></p>
Outlook 2007 doesn’t support background urls, so it is better to embed images. If you had planned on using an image as background and add “live” text over it, you will need to add the text to the graphic itself. This can become an issue if you had planned on changing this text on each issue of your e-newsletter.
Outlook 2007 doesn’t support “alt” text for images. Try using “title” instead.
One thing to always keep in mind, is to create both html and plain text versions of your e-newsletters.
If you or your organization needs e-newsletter service, we can create a template for you that will work on all e-mail programs.