Moin,
habe einen HTML-Newsletter geschrieben.
=>
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
* { margin:0px; padding:0px; font-family:arial; }
#background {
background:url('http://newsletter/nlhg.jpg');width:700px;
}
#newsletter {
font-size:25px;float:right;color:black;margin:30px 20px;
}
.textbox1 {
background:url('http://newsletter/hgsmall.jpg');width:450px;height:200px;margin-top:10px;padding:10px;font-size:14px;float:left;
}
.textbox2 {
background:url('http://newsletter/hgsmall.jpg');width:450px;height:200px;margin-top:10px;padding:10px;font-size:14px;float:right;
}
.headline1 {
background-color:black;
color:white;
clear:both;
margin-top:10px;
padding-left:10px;
font-size:12px;
font-weight:bold;
height:14px;
}
.headline2 {
background-color:black;
color:white;
margin-top:10px;
padding-right:10px;
font-size:12px;
font-weight:bold;
text-align:right;
height:14px;
}
#content {
margin:10px;
}
#logo {
float:left;margin-top:10px;
}
#info {
font-size:11px;
text-align:center;
margin-top:10px;
clear:both;
background-color:#5C5C5C;
color:white;
}
.image2 {
float:right;
height:220px;
width:199px;
margin-top:10px;
margin-right:10px;
}
.image1 {
float:left;
height:220px;
width:199px;
margin-top:10px;
margin-left:10px;
}
.clear {
clear:both;
}
#footer {
margin-top:10px
}
</style>
</head>
<body>
<div id="background">
<div id="content">
<img src="http:///newsletter/headernl.jpg" alt="" style="margin-top:10px"/>
<div class="headline'.$hl.'">'.$this->headlines[$i].'</div>
<div class="textbox'.$hl.'">'.$this->text[$i].'</div>
<img src="http://newsletter/nlpics/'.$this->files[$i].'" class="image'.$hl.'" alt=""/>
<div class="clear"></div>
<img src="http:///newsletter/footer.jpg" alt="" id="footer"/>
<p id="info"><a href='http://www..com'>Link zur Homepage</a> l Tel. l Bitte klicken Sie <a href="http://www/newsletter-abmelden22.html">hier</a> , um den Newsletter abzubestellen</p>
</div>
</div>
</body>
</html>
Im Thunderbird wird bei mir alles korrekt dargestellt, habe aber nun eine Meldung von jemandem bekommen, dass das Design total zerschossen aussieht ( Float scheint nicht zu klappen ).
Ist das normal das manche ( viele ? ? ) E-Mail Programme kein float kennen ?
Die schwarzen Linien mit den Überschriften gehen einfach über die ganze Länge und nicht wie vorgesehen nur in dem 700px großen Bereich, die Bilder sind unter dem Text, der Text hat keinen Hintergrund / keine feste Größe.
Würde mich über Hilfe freuen.
Danke
MfG
Destruction