Frage stellen
wie kann ich die Hintergrundfarbe bei einer Ebay-Artikelbeschreibung nur auf dem Bereich der Beschreibung beschränken? Denn leider wird bei mir auch der Bereich darunter eingefärbt und auch die Schriften geändert.
Ich weiß, dass <!DOCTYPE html PUBLIC " sowie body auf jeden Fall falsch sind, aber ich kriege das nicht richtig formatiert
Ebenso weiß ich nicht wie man das darstellt, wenn man oben auf den Link "English" klickt, dass dann zum unteren Teile der Seite gesprungen wird, wo dann der Text: "English description" steht?
Gerne freue ich mich über weitere Optimierungsvorschläge. Bin leider nur blutiger Anfänger.
1000 DANK!
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { margin: 0px 0px 0px 0px; background: #303030 url(http://keingerede2011.lima-city.de/template/bg.gif) repeat-x; }
#container { margin: 0 auto; background: #FFFFFF url(http://keingerede2011.lima-city.de/template/ctbg.gif) no-repeat; width: 750px; margin-top: 40px; }
#topheader { height: 89px; border-bottom: 1px solid #777777; color: #ff6600; width: 750px; }
#theader { font-family: Impact, Sans-serif; font-size: 36px; color: #303030; background: url(http://keingerede2011.lima-city.de/template/logo.gif) no-repeat 0; margin-left: 18px; margin-top: -5px; margin-bottom: -5px; padding-left: 35px; width: 697px; }
#theadert { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ff6600; padding-left: 73px; }
#mainbanner {
width: 560px;
height: 88px;
border-bottom: 1px solid #303030;
background: url(http://keingerede2011.lima-city.de/template/mainbanner.gif) no-repeat;
padding-top: 50px;
padding-left: 190px;
font-family: Rockwell Extra Bold;
font-size: 26px;
color: #FFF;
}
#nav { border-top: 5px solid #303030; width: 750px; }
#nav ul { margin: 0 0 0 0; }
#nav li { list-style-type: none; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#nav li a { text-decoration: none; color: white; background:#303030 url(http://keingerede2011.lima-city.de/template/navbg.gif) no-repeat; width: 100px; height: 17px; padding-top: 5px; display: block; float: left; text-align:center; }
#body { float: none; clear:both; width: 750px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: -0.8px;
font-size: 24px;
color: #303030;
margin: 0 0 0 0;
padding-left: 24px;
padding-top: 16px;
padding-bottom: 12px;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ff6600;
margin: 0 0 0 43px;
padding-top: 0px;
}
#footer {
width: 750px;
margin: 0 auto;
background:url(http://keingerede2011.lima-city.de/template/footer.gif) no-repeat;
height: 19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
padding-top: 5px;
}
#p404 {
margin: 0 auto;
padding-top: 20px;
width: 400px;
height: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.intro {
margin-top: 5px;
padding-left: 37px;
padding-right: 30px;
width: 683px;
padding-top: 12px;
height: 153px;
background: url(http://keingerede2011.lima-city.de/template/introbg.gif) no-repeat #FFF;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 13px;
}
div.content { width: 740px; padding: 5px;}
hr { margin-left: 50px; height: 0px; border-top: 2px dashed #FF6600;}
#blogleft { width: 740px; padding: 5px; float: left;}
#guestleft { width: 740px; float: left;}
span.blogged { width: 100%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
.post {width: 650px; margin: 0 auto; padding-top: 5px; padding-bottom: 10px;}
#body a { color: #ff6600; text-decoration: none; }
label { margin-left: 50px; width: 150px; height: 20px; display: block; float: left; }
b { color: #ff6600;}
strong {color: #000000;}
span.blogged1 { width: 64.5%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
#security {width: 400px;}
</style>
<div id="container">
<div id="topheader">
<br /><h1 id="theader">Sie bieten auf...</h1>
</div>
<div id="mainbanner">
</div>
<div id="nav">
<ul>
<li><a href="#">Andere Artikel</a></li>
<li><a href="#">English</a></li>
<li><a href="#">mich-Seite</a></li>
<li><a href="#">Zu Favoriten</a></li>
<li><a href="#">Bewertungen</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
<div id="body">
<h2>Text </h2>
<div class="intro">
Artikelbeschreibung
</div>
<h3>Kleiner Text</h3><br />
<h2>Text 2</h2>
<div class="intro">
English description
</div><br /><br /><br />
<div class="intro">
Versandbedingungen
</div>
</div>
</div>
<div id="footer">
</div>
