Forum Moderators: not2easy
I got a problem. i'm setting up a standard email template for my Outlook 2003. At the top of the email at the left side my company logo will come up. The rest of the top of the screen needs to be filled with a blue color (got an image file for that).
The problem is that the blue image doesn't appear in Outlook, while is does appear in IE6.
Is there anyone who has an thought on how to fix this?
yours,
Bernhard
<html>
<head>
<style>
body {
color: #000000;
margin: 0;
padding: 0;
font-family: Times New Roman;
font-size: 12px;
}
#img {
margin-top: 0;
margin-left: 0;
background-image: url(C:\tacet\bg.jpg);
height: 100px;
width: 100%;
}
</style>
<title>Mail template tacet 1</title>
</head>
<body>
<div id="img"><img src="c:\tacet\logo.gif"></div>
</html>
Yes, basically dont put any code in the head area of email templates - the majority of mail clients will strip this out. You can try putting the styles just inside the body tag to see if this works in outlook. If your intended audience just use outlook and this works then you are in the clear, however if they will be using Hotmail, Gmail, AOL and the like to view you newsletter you may need to think again.
The rule with laying out news letters is to treat the layout like web design only 8 years ago, as mail clients are still catching up. So use tables and inline styles if you want a consistent look across mail clients
this info is based on weeks of testing and experimentation across mulitple mail clients
ZA
