Web Design Forums

Starbright · 27-01-2009, 12:09

I've used a tempalte to make an email with css and html.

Link

That is it online, however when I try and use it within an email none of the formatting seems to work, for example, the font's are all wrong. It was working before I changed it to what I needed.

Any ideas why?

I am inserting into the email in Outlook 2003 as a signature.

Tom_E · 27-01-2009, 12:10

These cunting things are the bane of my life at the moment.

Edit: I realise that's not much help Kemp.

Starbright · 27-01-2009, 12:13

Proper annoying right? Even if I embed the css into the file it doesn't work anymore.

Spaced · 27-01-2009, 12:19

You can't embed style sheets in emails. All your styles have to be inline.

It is balls.

Starbright · 27-01-2009, 12:20

mission. Has to be all tables aswell? Can you define fonts?

Spaced · 27-01-2009, 12:22

It is best if it is all tables. I've found the emails have trouble with figuring out div height and widths. They hate floats for the most part, and positioning is tricky. Everything has to be inline. Heights, widths, font sizes, colours, and even background colours.

Tom_E · 27-01-2009, 12:24

Quote:

Originally Posted by Kemp

mission. Has to be all tables aswell? Can you define fonts?

Apparently you can, but I always use tables for these, then style everything with inline CSS, pain in the fucking arse though.

Once you got a half decent one working, just use it as a base template in the future, pointless trying to be too creative on a fucking email in my humble.

Shiro · 27-01-2009, 12:31

Here's a couple links that should help quite a bit:

8 HTML Email Tips I Wish I’d Known Sooner
Guide to CSS support in email clients (2008) - Articles & Tips - Campaign Monitor

Starbright · 27-01-2009, 13:02

Thanks, with a bit of work I think it'll be fine!

fasterthanlight · 27-01-2009, 14:42

The biggest problem are web based email clients, hotmail, gmail etc etc

MUST use tables

MUST define font family, size and colour FOR EVERY <td>

Hotmail does not recognize <style> </style> when its inside the <head> (which means you could put it in the <body> but other clients won't use it)

The easiest way to make these is to think back to 1995. INLINE INLINE INLINE!!

if you have any Apple newsletter emails, take a look at those because those are the best examples.

You *could* create it with divs using that "CSS Support for HTML emails" link Shiro posted, but dont even bother, you'll have to rebuild it with inline css and tables anywas if you want it to actually show up properly in all email clients.

Shiro · 27-01-2009, 19:28

That's what was said in the first link I posted.

27-01-2009, 12:09	#1 (permalink)
Starbright Senior Member Join Date: Feb 2007 Location: Leicester, UK Posts: 5,913	Email Issue I've used a tempalte to make an email with css and html. Link That is it online, however when I try and use it within an email none of the formatting seems to work, for example, the font's are all wrong. It was working before I changed it to what I needed. Any ideas why? I am inserting into the email in Outlook 2003 as a signature. __________________ Flickr me

27-01-2009, 12:13	#3 (permalink)
Starbright Senior Member Join Date: Feb 2007 Location: Leicester, UK Posts: 5,913	Proper annoying right? Even if I embed the css into the file it doesn't work anymore. __________________ Flickr me

27-01-2009, 12:20	#5 (permalink)
Starbright Senior Member Join Date: Feb 2007 Location: Leicester, UK Posts: 5,913	mission. Has to be all tables aswell? Can you define fonts? __________________ Flickr me

27-01-2009, 12:31	#8 (permalink)
Shiro Whitey Join Date: Aug 2007 Location: Yokohama, Japan Posts: 7,322	Here's a couple links that should help quite a bit: 8 HTML Email Tips I Wish I’d Known Sooner Guide to CSS support in email clients (2008) - Articles & Tips - Campaign Monitor __________________ This space for rent. After Hours Japan

27-01-2009, 13:02	#9 (permalink)
Starbright Senior Member Join Date: Feb 2007 Location: Leicester, UK Posts: 5,913	Thanks, with a bit of work I think it'll be fine! __________________ Flickr me

27-01-2009, 12:10	#2 (permalink)
Tom_E Game On™ Join Date: Jan 2007 Location: Garden of England Posts: 6,984	These cunting things are the bane of my life at the moment. Edit: I realise that's not much help Kemp.

27-01-2009, 12:19	#4 (permalink)
Spaced eh? Join Date: Mar 2007 Location: Winnipeg, MB Canada Posts: 123	You can't embed style sheets in emails. All your styles have to be inline. It is balls.

27-01-2009, 12:22	#6 (permalink)
Spaced eh? Join Date: Mar 2007 Location: Winnipeg, MB Canada Posts: 123	It is best if it is all tables. I've found the emails have trouble with figuring out div height and widths. They hate floats for the most part, and positioning is tricky. Everything has to be inline. Heights, widths, font sizes, colours, and even background colours.

27-01-2009, 14:42	#10 (permalink)
fasterthanlight FUNKTION GALLERY Join Date: Jun 2008 Location: Toronto Posts: 2,393	The biggest problem are web based email clients, hotmail, gmail etc etc MUST use tables MUST define font family, size and colour FOR EVERY <td> Hotmail does not recognize <style> </style> when its inside the <head> (which means you could put it in the <body> but other clients won't use it) The easiest way to make these is to think back to 1995. INLINE INLINE INLINE!! if you have any Apple newsletter emails, take a look at those because those are the best examples. You could create it with divs using that "CSS Support for HTML emails" link Shiro posted, but dont even bother, you'll have to rebuild it with inline css and tables anywas if you want it to actually show up properly in all email clients. __________________ deviantArtz FunktionGallery

27-01-2009, 19:28	#11 (permalink)
Shiro Whitey Join Date: Aug 2007 Location: Yokohama, Japan Posts: 7,322	That's what was said in the first link I posted. __________________ This space for rent. After Hours Japan

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search