Style sheet ignored in Web-based email programs.

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Using FP2003, I created a newsletter in HTML that I'll be sending out via
email. I've tested it with a couple of email readers and have received mixed
results. Outlook and Lotus Notes display it correctly, the same way it
appears in FP's preview mode. However, the 3 Web-based email programs I've
tested--Yahoo Mail, Hotmail, and Gmail--all ignore any style changes I've
made and appear to use their default settings for tags such as H1 or P.

I've tried an embedded style at the top with STYLE tags, and I've also tried
linking to a CSS file, but neither of those methods fixed things. The only
way I could get the Internet emails to display correctly was by adding FONT
tags specifying size and color for each and every heading or paragraph.
Obviously, this brute force method is not an ideal solution.

So my question is whether this is something I can fix from within FP or
whether Web-based email programs ignore any and all user-created style
sheets. If the latter is true, is there some kind of workaround?

Thanks for any help you can provide, and please let me know if you need more
information.
 
Murray,

I tried your suggestion and moved the style tags (and their contents) from
the HEAD section into the BODY section, but that didn't fix the problem. For
what it's worth, this is what my style section looks like now:

<style type="text/css">
h1 { color: #00FF00; font-size:12pt }
</style>

and this is a snippet around the first h1 in the page:

<tr>
<td width="508" colspan="2" valign="top" height="20"
style="padding-left: 0; padding-right: 0">
<h1><a name="Version_5_Trials">Version 5 Trials</a></h1>

Hope that helps in resolving this problem.

Justin
 
That's it for your stylesheet? Just put it inline in the <h1> tag, then.

I would have to see your whole page, really. All I can tell you is when I
do that (move the embedded stylesheet between <body> and </body>) it works
in Hotmail, Outlook, OE, and Entourage. And some of my newsletters are
pretty CSS heavy.
 
Hi all,
This topic interests me.

I want to find out how to send an EMail that is HTML code and have that code
interpreted and displayed correctly, i.e. as it would be if viewed on the
web using IE6, for example.

I did a test where I copied a page from my web into an Email and sent it to
myself. I was using OE6 and the Send Email option was set to HTML.

When I received it, it was just the text that one would see in a text
editor, i.e. all the tags etc. were still present.

How does one send a HTML Email?
Does sending it from the internet do something different than sending it
from OE6 directly?
(After all, the send Email from the web only invokes OE6, so why would this
make any difference?)

I am mystified?

This is the text that I sent and received
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- siteinfo.html -->
<head>
<title>Site Info</title>
<meta name="Author" content="Trevor Lawrence"/>
<meta http-equiv="Content-Language" content="en-au"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
.pcenter {text-align: center; }
.whitebg {background-color: blue; }
</style>
</head>
<body>
<div class="pcenter">
<style type="text/css">
.pcenter {text-align: center; }
.whitebg {background-color: white; }
</style>
<span class="bluebg">
<b>This site is designed to meet current XHTML1.0 and CSS1.0
standards.</b><br />
Javascript (MS JScript) is used for many purposes.<br />
If some functions do not work, please enable scripting.<br /><br />
If you have any other problems with this site, I would be grateful if you
would email me.<br />
(Click on "Email Us" in sidebar.)
</span>
<p>
<a href="media_players.html" class="whitebg">
Download<br />
Media Players</a>
</p>
</div>
</body>
</html>
 
Is OE actually set to display emails in HTML? Mine is set to display
text only, and I think this is the default.
 
Try doing what Ron suggested and then use this code -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- siteinfo.html -->
<head>
<title>Site Info</title>
<meta name="Author" content="Trevor Lawrence"/>
<meta http-equiv="Content-Language" content="en-au"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<body>
<div class="pcenter">
<style type="text/css">
.pcenter {text-align: center; }
.whitebg {background-color: white; }
.bluebg { background-color:blue; }
</style>
<p><span class="bluebg">
<b>This site is designed to meet current XHTML1.0 and CSS1.0
standards.</b><br />
Javascript (MS JScript) is used for many purposes.<br />
If some functions do not work, please enable scripting.<br /><br />
If you have any other problems with this site, I would be grateful if you
would email me.<br />
(Click on "Email Us" in sidebar.)
</span></p>
<p>
<a href="media_players.html" class="whitebg">
Download<br />
Media Players</a>
</p>
</div>
</body>
</html>
 
JustDeal,

If you want to learn how to convert HTML pages into proper transport
for emailing, feel free to take a look at www.jkn.com (JumpKnowledge)
jkn is an easy to use web-based "web page emailer".

You can easily use jkn to email your web page to yourself and examine
how it converted the style sheets, etc.

If you want, you can also use www.Deliverent.com, an email publisher
(free for 2,500 emails a month) which also has a FREE unlimited
send-to-friend button generator.

Good luck,

Jack
 
Murray said:
Try doing what Ron suggested and then use this code -
Click to expand...

I checked my "Read" tab and "Read all messages in plain text" is *not*
ticked.

I did note a few errors in my HTML - I had amended it to try to place all
the CSS in the HTML page, but got it a bit wrong.

I resent the corected code you sent, Murrray, but with no difference.

I can see some other posts on sending HTML below this one so I will check
them out as well
 
Oh, there was more than that. I just included the first line in order to give
you an idea of how I had things set up.

Since this was really holding things up, I convinced the powers that be to
just host the newsletter on a page on our company's site, and in the email we
send out, it'll just be the link. That solved everything. :)

Thanks for your help.

Justin
 
FWIW,

I found www.Deliverenet.com works well for sending a webpage by Email.

I had a need to send a form by Email and after hunting around, I foumd
www.bravenet.com works well for this task. There are a lot of ads and even a
download that tries to impose itself on you (a registr checker), but ignore
them and it is O.K.
 
Back
Top