Page 1 of 1
CSS in GMail, Hotmail, etc...
Posted: Wed Feb 06, 2008 10:36 pm
by alex.barylski
I'm testing some layouts for a newsletter...
Apparently CSS is not typically respected...especially when it references an external resource, such as an image for background.
AM I doing something wrong or is it currently impossible to tile a background image and have it actually appear in GMail or Hotmail or other email clients, other than Outlook?
Re: CSS in GMail, Hotmail, etc...
Posted: Wed Feb 06, 2008 11:31 pm
by Chris Corbyn
We released a new article recently if you want to have a read:
http://www.sitepoint.com/article/princi ... html-email
Re: CSS in GMail, Hotmail, etc...
Posted: Thu Feb 07, 2008 12:19 am
by alex.barylski
Thanks man. I actually read that article when it first published but only glanced over it. Camp-pain monger is actually an application I keep a very close eye on - they are the leaders in my market. Anyways, very useful resource, I wouldn't have bothered to re-read this article as I skipped the part of interest to me now when I first read it.
Thanks again,
Cheers

Re: CSS in GMail, Hotmail, etc...
Posted: Thu Feb 07, 2008 1:55 am
by Kieran Huggins
There's an old article I read that advocated keeping all the style rules inline (inside style="" attributes) for e-mail, otherwise there were always big compatibility problems.
Not sure if it's this one, but it might also be worth a look:
http://www.alistapart.com/articles/cssemail
Re: CSS in GMail, Hotmail, etc...
Posted: Thu Feb 07, 2008 2:05 am
by matthijs
Yes, designing HTML email is no fun. Forget clean code. nested tables and lots of inline styles. At least make sure you send a plain-text version along with it, so you know people having problems accessing the html email, can use the plain text version.
Re: CSS in GMail, Hotmail, etc...
Posted: Thu Feb 07, 2008 2:22 am
by alex.barylski
It seems that way, yup...
Makes sense too actually, cause if you let CSS and JS into an web based email client...you could possibly rebrand the entire interface from a single email...something I'm sure Hotmail or GMail or Yahoo wouldn't want you to do.
I find it ironic though, that I spent so much time learning how to do designs in CSS (and I still don't have it all figured out) and here I am reverting back to my trusty old tables and HTML attributes. Hahaha. At least I know exactly how to hammer out designs without having to ask questions on the forum for table'd designs.
Re: CSS in GMail, Hotmail, etc...
Posted: Thu Feb 07, 2008 4:12 am
by matthijs
Good, then you might be able to help me when I have trouble with those tables
Don't know, I've always had a split feeling about HTML email (is that correct English?). Email is just a totally different medium. Designing full-blown graphic designs for email don't (always) make sense. To me. A webpage is a webpage, an email is an email. Trying to mix the two is it really necessary? Email is supposed to be a short writing send over the internet instead of a paper letter.
Of course I understand that the marketing guys want to dump all that glossy advertising stuff in your mailbox. And I'm sure a well-designed (!) html email has more effect then a plain text one.
I think there should be a more basic standard for html email. A subset of html/css. Just enough to style an email a bit. But not enough to create full-blown websites inside your mail client, which is not needed in my opinion. And which mail clients will prevent, due to security issues etc.
Hopefully the people from the
http://www.email-standards.org/why/ will be able to make a difference