Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Newsletter Design to send in emails, using tables or table less

Tags:

html

css

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

I read somewhere that newsletter should be designed using tables because many of the old client can't process the css style. how much truth is in this?

What else need to be care of when designing newsletter to send using email.

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

I have read this article. although it was written two years back but I am not sure If writen things are still valid... http://articles.sitepoint.com/article/code-html-email-newsletters

like image 399
Developer Avatar asked Oct 21 '10 15:10

Developer


2 Answers

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

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

PS: I've no relation with the site but I do think the articles are really useful though some are dated a few years ago.

like image 173
o.k.w Avatar answered Nov 03 '22 13:11

o.k.w


Tables are usually the best option for consistent layout in HTML emails - some email clients have problems with divs.

CSS usually has to be inline (ie on each item to be styled) or embedded in the page - embedded CSS can't be in the <head> section (since this may be stripped out by web-based clients).

Here's a couple of links from MailChimp about designing HTML emails which I've 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/

like image 43
whostolemyhat Avatar answered Nov 03 '22 13:11

whostolemyhat