Hintergrundbild und Outlook 2010
Re: Hintergrundbild und Outlook 2010
Ja Outlook 2007/2010 unterstützt keine Hintergrundbilder, das ist u.a. in der FAQ beschrieben http://www.supermailer.de/faq.htm#newsletter_design . Man kann im body-Tag ein Hintergrundbild ohne zusätzliche Stylesheets angeben, es wird dann, falls es zu klein ist, gekachelt dargestellt.
Hintergrundbild und Outlook 2010
Wir haben ein Problem mit Outlook 2010. Das Hintergrundbild wird bei den Empfängern nicht ausgegeben. Bei allen anderen Emailprogrammen funktioniert alles Bestens. Was könnten wir optimieren?
Hier unser HTML-Beispiel-Code.
Dieser liegt auch online unter: http://mailings.zdfe-b2b.de/scandinaviancrime/
<html>
<head>
<title>Scandinavian Crime Collection</title>
<style type="text/css">
html {
-webkit-text-size-adjust: none;
}
body * {
outline:0px;
}
body {
margin:auto;
position:absolute;
background-color:#ffffff;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#ec7026;
}
#underline a:hover {
color:#ec7026;
text-decoration:underline;
}
#underline {
position:relative;
width:690px;
height:40px;
line-height:14px;
font-size:12px;
margin:0px 0px 0px 10px;
}
#footer_text a:hover {
color:#ec7026;
}
img {
width:26%;
border:0px;
}
#head {
position:relative;
width:700px;
height:20px;
margin-bottom:10px;
font-size:12px;
background:#ffffff;
}
#content {
position:relative;
background-image:url(img/bg.jpg);
width:700px;
height:1199px;
z-index:1;
}
#header_link {
position:absolute;
top:30px;
left:0px;
width:700px;
height:350px;
z-index:2;
cursor:pointer;
}
#footer {
position:absolute;
top:1081px;
left:37px;
width:700px;
height:80px;
z-index:2;
}
#footer_text {
color:#ffffff;
margin:10px 0px 15px 55px;
font-size:0.72em;
font-weight:regular;
font-family:arial;
}
#footer_text_2 {
color:#ec7026;
font-size:12px;
line-height:18px;
}
#footer_text_3 {
font-size:1em;
line-height:20px;
}
#footer_text a {
color:#ffffff;
}
#title {
font-weight:bold;
font-size:1.0em;
margin-bottom:10px;
word-spacing:0px;
letter-spacing:0px;
}
#text_1 {
position:absolute;
top:419px;
left:97px;
width:497px;
color:#ffffff;
font-size:0.94em;
line-height:1.25em;
letter-spacing:0px;
word-spacing:0.0px;
z-index:2;
}
#text_1 a {
color:#ffffff;
}
#text_1 a:hover {
color:#ffffff;
}
#click_1 {
position:absolute;
width:545px;
height:50px;
z-index:3;
left:77px;
cursor:pointer;
}
#click_1 {
top:720px;
}
#click_3 {
top:1041px;
position:absolute;
width:230px;
height:41px;
z-index:3;
left:67px;
cursor:pointer;
}
#site {
position: relative;
}
.span,
.span:link,
.span:visited,
.span:focus,
.span:hover,
.span:active {
color: white;
text-decoration:none;
}
p {
margin-top:12px;
}
</style>
</head>
<body>
<div id="site">
<div id="head"> <a title="If you can't see" href="http://mailings.zdfe-b2b.de/scandinaviancrime/">If you cannot see the newsletter properly, please
CLICK HERE</a>
</div>
<div id="content"></div>
<a href="http://scandinaviancrime.zdfe-b2b.de/" target="_blank"><div id="header_link"><img src="img/_.gif"></div></a>
<a href="http://scandinaviancrime.zdfe-b2b.de/" target="_blank"><div id="click_1"><img src="img/_.gif"></div></a>
<a title="www.zdf-enterprises.de" href="http://www.zdf-enterprises.de/" target="_blank"><div id="click_3"><img src="img/_.gif"></div></a>
<div id="text_1">
<div id="title">Dear [Vorname] [Name],</div>
No geographic region is more noted for its crime films and TV series today than Scandinavia. The mystique of the Nordic crime story, both in literary and screen form, has long since snared the interest of crime fans around the world.
Whether in ensemble programs such as “Verdict Revised” with Mikael Persbrandt as tormented law teacher or “The Bridge” with Kim Bodnia and Sofia Helin as the Danish-Swedish duo Saga and Martin – you’ll find unforgettable actors chosen for their charisma and the depth of their personalities.
<p>
Hard-hitting stories that keep viewers on their toes and an atmospheric intensity that you can slice with a knife - take a look at our latest hits from the North and discover the shade of noir that best suits you!
</p>
</div>
<div id="footer">
<div id="footer_text">
© ZDF Enterprises <span id="footer_text_2">|</span> Erich-Dombrowski-Str. 1 <span id="footer_text_2">|</span> D-55127 Mainz <span id="footer_text_2">|</span> Germany<br>
<a title=programinfo@zdf-enterprises.de href="mailto:programinfo@zdf-enterprises.de">programinfo@zdf-enterprises.de</a> <span id="footer_text_2">|</span>
<a title=www.zdf-enterprises.de href="http://www.zdf-enterprises.de" target="_blank">www.zdf-enterprises.de</a><br>
<span id="footer_text_3">T +49 (0) 6131·991·1601 <span id="footer_text_2">|</span> F +49 (0) 6131·991·1612</span>
</div>
</div>
<div id="underline">
<u><a title="Unsubscribe" href="mailto:programinfo@zdf-enterprises.de?subject=Unsubscribe"><br>Unsubscribe Newsletter</a></u>
</div>
</div>
</body>
</html>
Hier unser HTML-Beispiel-Code.
Dieser liegt auch online unter: http://mailings.zdfe-b2b.de/scandinaviancrime/
<html>
<head>
<title>Scandinavian Crime Collection</title>
<style type="text/css">
html {
-webkit-text-size-adjust: none;
}
body * {
outline:0px;
}
body {
margin:auto;
position:absolute;
background-color:#ffffff;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#ec7026;
}
#underline a:hover {
color:#ec7026;
text-decoration:underline;
}
#underline {
position:relative;
width:690px;
height:40px;
line-height:14px;
font-size:12px;
margin:0px 0px 0px 10px;
}
#footer_text a:hover {
color:#ec7026;
}
img {
width:26%;
border:0px;
}
#head {
position:relative;
width:700px;
height:20px;
margin-bottom:10px;
font-size:12px;
background:#ffffff;
}
#content {
position:relative;
background-image:url(img/bg.jpg);
width:700px;
height:1199px;
z-index:1;
}
#header_link {
position:absolute;
top:30px;
left:0px;
width:700px;
height:350px;
z-index:2;
cursor:pointer;
}
#footer {
position:absolute;
top:1081px;
left:37px;
width:700px;
height:80px;
z-index:2;
}
#footer_text {
color:#ffffff;
margin:10px 0px 15px 55px;
font-size:0.72em;
font-weight:regular;
font-family:arial;
}
#footer_text_2 {
color:#ec7026;
font-size:12px;
line-height:18px;
}
#footer_text_3 {
font-size:1em;
line-height:20px;
}
#footer_text a {
color:#ffffff;
}
#title {
font-weight:bold;
font-size:1.0em;
margin-bottom:10px;
word-spacing:0px;
letter-spacing:0px;
}
#text_1 {
position:absolute;
top:419px;
left:97px;
width:497px;
color:#ffffff;
font-size:0.94em;
line-height:1.25em;
letter-spacing:0px;
word-spacing:0.0px;
z-index:2;
}
#text_1 a {
color:#ffffff;
}
#text_1 a:hover {
color:#ffffff;
}
#click_1 {
position:absolute;
width:545px;
height:50px;
z-index:3;
left:77px;
cursor:pointer;
}
#click_1 {
top:720px;
}
#click_3 {
top:1041px;
position:absolute;
width:230px;
height:41px;
z-index:3;
left:67px;
cursor:pointer;
}
#site {
position: relative;
}
.span,
.span:link,
.span:visited,
.span:focus,
.span:hover,
.span:active {
color: white;
text-decoration:none;
}
p {
margin-top:12px;
}
</style>
</head>
<body>
<div id="site">
<div id="head"> <a title="If you can't see" href="http://mailings.zdfe-b2b.de/scandinaviancrime/">If you cannot see the newsletter properly, please
CLICK HERE</a>
</div>
<div id="content"></div>
<a href="http://scandinaviancrime.zdfe-b2b.de/" target="_blank"><div id="header_link"><img src="img/_.gif"></div></a>
<a href="http://scandinaviancrime.zdfe-b2b.de/" target="_blank"><div id="click_1"><img src="img/_.gif"></div></a>
<a title="www.zdf-enterprises.de" href="http://www.zdf-enterprises.de/" target="_blank"><div id="click_3"><img src="img/_.gif"></div></a>
<div id="text_1">
<div id="title">Dear [Vorname] [Name],</div>
No geographic region is more noted for its crime films and TV series today than Scandinavia. The mystique of the Nordic crime story, both in literary and screen form, has long since snared the interest of crime fans around the world.
Whether in ensemble programs such as “Verdict Revised” with Mikael Persbrandt as tormented law teacher or “The Bridge” with Kim Bodnia and Sofia Helin as the Danish-Swedish duo Saga and Martin – you’ll find unforgettable actors chosen for their charisma and the depth of their personalities.
<p>
Hard-hitting stories that keep viewers on their toes and an atmospheric intensity that you can slice with a knife - take a look at our latest hits from the North and discover the shade of noir that best suits you!
</p>
</div>
<div id="footer">
<div id="footer_text">
© ZDF Enterprises <span id="footer_text_2">|</span> Erich-Dombrowski-Str. 1 <span id="footer_text_2">|</span> D-55127 Mainz <span id="footer_text_2">|</span> Germany<br>
<a title=programinfo@zdf-enterprises.de href="mailto:programinfo@zdf-enterprises.de">programinfo@zdf-enterprises.de</a> <span id="footer_text_2">|</span>
<a title=www.zdf-enterprises.de href="http://www.zdf-enterprises.de" target="_blank">www.zdf-enterprises.de</a><br>
<span id="footer_text_3">T +49 (0) 6131·991·1601 <span id="footer_text_2">|</span> F +49 (0) 6131·991·1612</span>
</div>
</div>
<div id="underline">
<u><a title="Unsubscribe" href="mailto:programinfo@zdf-enterprises.de?subject=Unsubscribe"><br>Unsubscribe Newsletter</a></u>
</div>
</div>
</body>
</html>