ansaurus

Question

Applying html formatting in email's body

Answer 1

A:

Most mail-readers (both desktop-based and web-based) don't deal great with CSS : it's generally better to not use and external CSS and use inline styles, it's often better to use tables for formating instead of divs, ...

And, here, where is your CSS ? Is it at least on a server somewhere ?
(i.e. it should not be only on your local machine, but accessible via some kind of URL)

Pascal MARTIN 2009-12-19 21:08:02

Answer 2

+7 A:

When I've done this, I've typically embedded the CSS in the body of the email:

<html>
<head>
<style type="text/css">
span.orange
{
    color: #FF6D06;
    ...
}
</style>
</head>
...

Avoid referencing external entities (like stylesheets, images, etc.) in HTML email. Those references may not be available, depending on the user's mail agent settings. Also, learn about the HTML support in mail agents. It may not be as rich as you expect. Here's some information on Outlook, for instance.

Michael Petrotta 2009-12-19 21:10:23

+1 Yep. We posted at basically the same time.

Clarence Klopfstein 2009-12-19 21:11:58

A ha! Now i got the point!

Chocol8 2009-12-19 21:26:46

Answer 3

+5 A:

It appears you are going about this incorrectly.

Your CSS should be inline, and not external. Then you just have all of your HTML and CSS styles as the body of your email, and it will work.

You really want to avoid referencing outside files as many email applications will block the references.

Clarence Klopfstein 2009-12-19 21:11:11

Answer 4

A:

Color attribute won't work for e-mails, for most mail agents it might work the first time the e-mail is sent but it'll be ignored if the e-mail is forwarded.

Best thing is to use very old HTML tags and tables to format and style the e-mail, such as pre-tableless code.

Sad but true, support for e-mails is still incredibly poor.

Gui Andrade 2009-12-20 11:14:57

Answer 5

A:

There’s a good article on coding up HTML e-mails here: http://24ways.org/2009/rock-solid-html-emails

Paul D. Waite 2009-12-20 12:55:28

Answer 6

+1 A:

As noted by others, defining your styles inline is the best option. Here are a couple of articles that you might find useful:

Rock Solid HTML Emails

Guide to CSS support in email clients

Simon Forrest 2009-12-20 13:04:22

ansaurus

tags:

views:

answers:

Applying html formatting in email's body

related questions