Reply
CSS email in Hotmail...
Old 05-16-2008, 11:13 AM CSS email in Hotmail...
dansgalaxy's Avatar
Eat, Sleep, Code

Posts: 5,889
Name: Dan
Location: Swindon
Hi,

okay im working on some html emails i have it so it works well for outlook but it seems most of the CSS dont work in hotmail

how can i have it so it works and looks the same in all mediums?

Thanks,
dAn
__________________
Personal UK Webhosting
Get 25% of ANY shared package for life ~ Promo: webmaster-talk (only for members!)
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
When You Register, These Ads Go Away!
     
Old 05-16-2008, 12:20 PM Re: CSS email in Hotmail...
LadynRed's Avatar
Super Moderator

Posts: 6,072
Location: Tennessee
That's going to be a problem. Hotmail, as you've found, has really BAD support for CSS in emails, as does Outlook and others. The support for CSS in html emails is all over the place. The best you can do is make sure that your email renders as nicely as possible as plain text. Don't rely on images to get your message across, and ALL of your CSS has to be in-line.

For a good reference on what clients support what CSS, go to www.campaignmonitor.com
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-16-2008, 06:23 PM Re: CSS email in Hotmail...
dansgalaxy's Avatar
Eat, Sleep, Code

Posts: 5,889
Name: Dan
Location: Swindon
yea i noticed if i use external style sheet it breaks, at the moment i have all my css bunged between <style> brackets in the head and its displaying perfectly in outlook.

it seems hotmail displays it in vitrually text only format.

will have to play with it

i read something that aparently yahoo does something like changing the body tags to like <xbody>

Dan
__________________
Personal UK Webhosting
Get 25% of ANY shared package for life ~ Promo: webmaster-talk (only for members!)
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-16-2008, 10:37 PM Re: CSS email in Hotmail...
tripy's Avatar
Fetchez la vache!

Posts: 1,857
Name: Thierry
Location: In the void
Quote:
yea i noticed if i use external style sheet it breaks
Don't use external resources in emails.
Those days, almost any web mail block external objects, and display only element embed into the mail.
__________________
Listen to the ducky: "This is awesome!!!"

tripy is offline
Reply With Quote
View Public Profile
 
Old 05-17-2008, 04:59 AM Re: CSS email in Hotmail...
dansgalaxy's Avatar
Eat, Sleep, Code

Posts: 5,889
Name: Dan
Location: Swindon
does it make a differance if its inline or in style brackets in top?
__________________
Personal UK Webhosting
Get 25% of ANY shared package for life ~ Promo: webmaster-talk (only for members!)
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-17-2008, 06:50 AM Re: CSS email in Hotmail...
chrishirst's Avatar
Super Moderator

Posts: 11,897
Location: Blackpool. UK
With newer mail clients it shouldn't, but some of the webmail rendering will strip out style blocks.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-17-2008, 09:45 AM Re: CSS email in Hotmail...
LadynRed's Avatar
Super Moderator

Posts: 6,072
Location: Tennessee
Exactly, so, as ugly as it is, you should put your styles in-line. I've been asked to design some HTML email newsletters, not something I've done before. The code is ugly, but it looks pretty good in most clients and degrades decently to plain text if styles are ignored.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-17-2008, 01:32 PM Re: CSS email in Hotmail...
dansgalaxy's Avatar
Eat, Sleep, Code

Posts: 5,889
Name: Dan
Location: Swindon
yay fun i have two pages of style to make inline --.-- grr stupid things
__________________
Personal UK Webhosting
Get 25% of ANY shared package for life ~ Promo: webmaster-talk (only for members!)
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-18-2008, 09:10 PM Re: CSS email in Hotmail...
Banned

Posts: 143
Name: Blake
Location: Cuyahoga falls,Ohio
Inline style sheet's arent hard i actually learned inline css before anything. :PPP do you need help with youre inline style sheet ??
blktallos is offline
Reply With Quote
View Public Profile Visit blktallos's homepage!
 
Old 05-19-2008, 06:54 AM Re: CSS email in Hotmail...
dansgalaxy's Avatar
Eat, Sleep, Code

Posts: 5,889
Name: Dan
Location: Swindon
lol i know exactly how to do inline thanks

just quite annouying having to down grade quality of code

and having to spend a while going throught it all coping n pasting
__________________
Personal UK Webhosting
Get 25% of ANY shared package for life ~ Promo: webmaster-talk (only for members!)
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-19-2008, 01:20 PM Re: CSS email in Hotmail...
Banned

Posts: 143
Name: Blake
Location: Cuyahoga falls,Ohio
I like that site Very Helpful link and Thread alot of ppl ask about Email newsletter's i took the time to create my own newsletter with that site. I thought it was kool because ur able to create ur own Newsletter without doing any scripting and Coding Youre newsletter urself.. But the only downfall on the site is that u really dont have full access in Managing it.
blktallos is offline
Reply With Quote
View Public Profile Visit blktallos's homepage!
 
Old 05-19-2008, 01:34 PM Re: CSS email in Hotmail...
dansgalaxy's Avatar
Eat, Sleep, Code

Posts: 5,889
Name: Dan
Location: Swindon
yea it would be brilliant if the testing was free, but shame i guess have to make money somehow...
__________________
Personal UK Webhosting
Get 25% of ANY shared package for life ~ Promo: webmaster-talk (only for members!)
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-19-2008, 02:53 PM Re: CSS email in Hotmail...
Junior Talker

Posts: 2
Hi,

I am not sure, wether you have worked it out or not. i got the same problem once, but i resolve that issue by giving real / fix path in the css ( background images, files etc. ).

May be that help you out.

Cheers.
imstudio is offline
Reply With Quote
View Public Profile
 
Old 05-22-2008, 08:57 AM Re: CSS email in Hotmail...
Kirtan's Avatar
Who Am I?

Posts: 377
Name: Venkat Raj
Location: Salem, South India
LadynRed already posted it, but
http://www.campaignmonitor.com/blog/...in_emai_2.html

The email client you are using to send HTML email also makes some difference.
To me Evolution (default, ubuntu email client) is worst, and thunderbird is best.
__________________
All the Buddhas of all the ages have been telling you a very simple fact: Be -- don't try to become.
Kirtan is offline
Reply With Quote
View Public Profile Visit Kirtan's homepage!
 
Old 05-22-2008, 11:06 AM Re: CSS email in Hotmail...
dansgalaxy's Avatar
Eat, Sleep, Code

Posts: 5,889
Name: Dan
Location: Swindon
Thanks all,

I would be sending it from Windows mail (outlook express) so yea i know what i have to do

Thanks,
Dan
__________________
Personal UK Webhosting
Get 25% of ANY shared package for life ~ Promo: webmaster-talk (only for members!)
dansgalaxy is offline
Reply With Quote
View Public Profile Visit dansgalaxy's homepage!
 
Old 05-26-2008, 04:53 AM Re: CSS email in Hotmail...
Novice Talker

Posts: 3
Name: Alexander
For email htmls always use clear html with tables because there are too many mail clients that doesn't support css
__________________
http://ooyes.net
styleman is offline
Reply With Quote
View Public Profile Visit styleman's homepage!
 
Reply     « Reply to CSS email in Hotmail...
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off