Outlook html email help needed
- Started
- Last post
- 6 Responses
- peterorpete
Hi i'm a bit clueless to why this isn't working. I'm trying to make a christmas emailer, it works fine in apple mail and even in the version of outlook im testing it in but everyone else's outlook doesn't show the images and I dont know why :( Any one know why. Heres how it should look like
http://62.253.205.181/xmas/index…
and heres the code
<html>
<head>
<style type="text/css">.oxfam {
color: white;
line-height: 16px;
font-size: 10.5px;
font-family: Helvetica, Verdana, Arial, sans-serif;
margin-right: 25px;
margin-left: 25px;
}.greeting {
padding-top: 0px;
padding-left: 25px;
float: left;
color: #003260;
text-align: left;
top: 0px;
margin-top: 20px;
width: 230px;
font-size: 26px;
font-family: Helvetica, Verdana, Arial, sans-serif, "Lucida Grande", Verdana, Arial, sans-serif;
line-height: 29px;
display: block;
}.message {
top: 0px;
padding-top: 0px;
padding-right: 25px;
margin-top: 20px;
color: #666666;
line-height: 17px;
font-size: 10.5px;
font-family: Helvetica, Verdana, Arial, sans-serif;
float: right;
display: block;
width: 275px;
}.p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
color: #999999;
}
.notice {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
text-align: center;
font-size: 10px;
padding-top: 10px;
}
</style>
<title>technetix</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table id="Table_01" width="558" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="http://62.253.205.181/xmas/images/header.jpg" td valign="top" width="558" height="105"></td>
</tr><tr>
<td background="http://62.253.205.181/xmas/images/presents.jpg" td valign="top" width="558" height="386">
<div class="greeting">Happy Christmas<br/> From Technetix</div>
</div>
<div class="message">
This greeting comes with a big 'thank you' from all of us at Technetix for your business and support in 2007. Wishing you a happy Christmas and a safe, secure and prosperous New Year.
</div>
</td></tr>
<tr>
<td background="http://62.253.205.181/xmas/images/footer.jpg" width="558" height="108">
<div class="oxfam">
<p>This year we have made the decision to move to ecards, donating the printed Christmas card budget to Oxfam. This will fund the building of 2 classrooms for children in third world countries. We are sure that you will all support this decision of ensuring that others share in the gift of giving at Christmas.</p>
</div>
</td>
</tr>
<tr><td>
<div class="notice">If this email does not appear correctly, <a href="http://62.253.205.181/xmas/index.html">click here</a> to view it in your web browser.</p></div></td>
</tr></table>
</body>
</html>
- emecks0
your image paths are absolute, that is what they should be.
Probably you'll need to get other people to click "always display images from this sender" or similar... By default Outlook will hide images.....
- Nathan_Adams0
On an unrelated note, you should put your css within the <body> tags. As it is, it'll display fine in most desktop email clients - but many webmail clients (especcially hotmail), will strip the any css within the head. Just copy and paste the whole <style>...</style> and put it immediately after the opening <body> tag.
I'd also avoid using floats for anything. Outlook 2007 will make a mess of it.
- R-aI0
Outlook 2007 no longer supports background images I'm afraid
- yeah just found that out, why make a newer application older, really backwardspeterorpete
- Cos its Microsoft? 'We've been making good products shitty for 30 years'...ian
- rather than fix an issue they just remove that part of the application.Stugoo
- ian0
As emecks said, paths should be absolute to images etc. But the big problem is CSS support in email clients are patchy at best, you might be able to build it in tables and get a close approximation to what you want. Email clients are pretty basicdon't try to confuse em. Oh and you'll still have to download all images when viewing in Outlook/Entourage cos of security settings.
- Moo0
what about stylesheets do these work in html emails?? I always seem to have problems with the text etc when doing these
- Stugoo0
i normally use inline styles & no bg images, an email strips out the <head> and replaces its own, (thats how emails get sent iirc). Outlook 2007 has only went and removed support for all sorts of css elements causing email marketing issues for the next 10 odd years!
Currently there are no standards (to my knowledge) on how email clients handle css and html each hacks up the code in its own way and displays it how it feels.
check this blog out.
http://www.campaignmonitor.com/b…and furthermore to the point the pdf with css standards layed out :
http://www.campaignmonitor.com/r…
there is a validtor for DW too:
http://www.microsoft.com/downloa…good luck!!