/    Sign up×
Community /Pin to ProfileBookmark

"HTML Email" CSS issues

Copy linkTweet thisAlerts:
Dec 10.2009

Hi,
I created an HTML email that works fine in MS Outlook (and Express) and Safari Email (and the Web). The problem I am having is with the GMAIL web email facility (as a few others). My HTML seems to loose all the background setting (particularly the BODY background color. Yahoo email look fine.

Any suggestions as I hear the Web based email facilities are quirky?

FYI. You can see my HTML/email source at : [url]http://www.greeneconomyproject.org/emailhtml.cfm[/url]

Thanks in advance,
Rich Hefter

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@nox587Dec 11.2009 — I saw this question populate my feeds, first post on this board...

I do a lot of email HTML for my job so I can say the first thing that pops out is on your second "primary" table you have

background="http://www.greeneconomyproject.org/images/email_BG.jpg"

Image backgrounds don't work for a majority of email clients. I'd recommend using an email testing suite like Litmust (http://litmusapp.com/) I believe you have to pay to use Litmus but there may be some free testing platforms if you google it.

Anyway, use background colors in emails, never background images. H

Hope that helps!
Copy linkTweet thisAlerts:
@donatelloDec 11.2009 — Email has to be coded like it's 1995 all over again! No CSS, TABLES! Yes, you should actually use tables for layout.

600 pixels wide...

The best quick guidelines are over at the MailChimp page... I think the URL is:

www.MailChimp.com


They have a one page guide on creating HTML mail that works in most mail clients...

Worth a look for sure!

Good luck!

?
×

Success!

Help @hefterr spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...