Geek Answers Handbook

Newsletter Design for Emailing Using Spreadsheets or Table Less

How should HTML newsletters be created? using tables or divs and css styles.

I read somewhere that the newsletter should be designed using tables, because many of the old customers cannot handle the css style. how much truth is this?

What else to take care of when designing an email newsletter.

i.e. java script should not be used in the newsletter as it is disabled on most email clients. what else?

I read this article. although it was written two years ago, but I'm not sure if it is still valid ... http://articles.sitepoint.com/article/code-html-email-newsletters

+4
source share
5 answers

This is a good place to start: http://www.campaignmonitor.com/design-guidelines/

Or even:
http://www.campaignmonitor.com/resources/category-archive/cat/designing-and-building-emails/

PS: I have no relation to the site, but I think that the articles are really useful, although some of them are dated several years ago.

+5
source

Tables are generally the best option for consistent placement in HTML emails. Some email clients have problems with div s.

CSS should usually be inline (i.e. for every element that needs to be styled) or embedded in a page - inline CSS cannot be in the <head> section (since this can be removed by web clients).

Here are some links from MailChimp about developing HTML emails that I found useful:

http://www.mailchimp.com/blog/background-images-and-css-in-html-email/ http://www.mailchimp.com/kb/article/how-to-code-html-emails/

+3
source

Depending on the user's version of Outlook, background images will not work (2007) due to security problems, but they will work in 2003.

When I created an email campaign for the company I worked for, we split the newsletter into sections of images that are related to different areas of our site, using a table to structure it using some css. Worked for most email clients.

0
source

Like this newsletter, it doesn’t need SEO. It is better to have a table instead of a DIV. and Table render is faster than Div.

0
source

I did some research on this for a client about a year ago, based on analytics from sending 200,000 newsletters.

I tested the email client a lot and found (unfortunately) the most reliable encoding method that adheres to the W3C HTML 3 standard.

The problem is that a frightening number of people still use Outlook 2000 and some really old versions of Outlook Express.

0
source

More articles:


All Articles