CSS inside email

cpscdave · 15-Jul-2008, 06:42 PM #1

Anyone have any experience with this?
I've tried leaving a css link tag but that didn't work in all the email clients we tried.
I also tried embeding the CSS in the <head> area but again no luck.

Any ideas? I dont really want to go back thru and hard code all the style into the body

tomdkat · 15-Jul-2008, 08:57 PM #2

Did the link refer to some website somewhere? If so, that will be problematic since some e-mail clients will block loading of content hosted on external servers. Spammers do that a LOT which is why e-mail clients block loading remote content. Malicious e-mail also uses this technique.

Embedding the CSS is your best bet.

Peace...

tomdkat · 15-Jul-2008, 08:59 PM #3

Does the link refer to some website somewhere? If so, that will be problematic since some e-mail clients will block loading things from remote sites. Spam and malicious e-mail messages sometimes do this which is why remote site access is blocked.

Either embed the CSS or have the e-mail message contain a link to a web page where the browser can fully render the page.

Peace...

cpscdave · 16-Jul-2008, 11:05 AM #4

I've tried both ways.
First had it referering to an external site (where the images are hosted) but that of course didnt work, So then tried replacing the link with the css inside of a
<style>
</style>

tomdkat · 16-Jul-2008, 11:34 AM #5

When you send a message with the CSS embedded in the <head> section, have you looked at the source of the message as received by the e-mail client to see what happened to the HTML message you sent?

Peace...

cpscdave · 16-Jul-2008, 11:51 AM #6

Odd it looks like the webmail is actually changing the source.
For example the template has:

Code:

<img src="http://spamooze.com/mailer_img/Newsletter_Header.jpg" alt="SpamOoze Newsletter" width="612" height="120" />

when you look at the source in Outlook you get the same.

When you look at the source in the webmail (zimbra) you get:

Code:

<img alt="SpamOoze Newsletter" width="612" height="120" dfsrc="http://spamooze.com/mailer_img/Newsletter_Header.jpg">

Which just doesn't work when I pop it back into dreamweaver...
Any idea's on how to tighten this up so that it works??

tomdkat · 16-Jul-2008, 11:56 AM #7

Looks like security against HTML email. The src tag was changed to "dfsrc", which is why the image won't load. What happens to the SAME message if you view it using Outlook Express or Mozilla Thunderbird?

Peace...

cpscdave · 16-Jul-2008, 12:05 PM #8

Yeah it looks fine when I connect with Outlook to the webmail server...
Guess if its a security thing there really isn't anything we can do about it.

I was thinking there was a problem with how I had built the html (html isn't my forte)

tomdkat · 16-Jul-2008, 12:14 PM #9

Wow, ok. If it works in Outlook and not in the webmail client, you can expect the same kind of "randomness" with others you send you mail to. Maybe you should restructure the format of your HTML mail so you won't need to use CSS styling.

I'm not really a HTML e-mail person so I'm not sure what the best course of action would be.

Peace...

sarahknz · 16-Jul-2008, 09:54 PM **#10**

I've got a fancy chart of which email clients let you use what markup.

Once you've waded through it you become resigned to using <font><em><strong> rather than tidy css.

tomdkat · 17-Jul-2008, 01:53 AM **#11**

Thanks for the info!

Peace...

Search
Search in:
Show Threads Show Posts
Advanced Search

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