Guten Tag,
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![:(](https://www.auktionshilfe.info/wcf/images/smilies/sad.png)
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!
Alles anzeigen
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
![:(](https://www.auktionshilfe.info/wcf/images/smilies/sad.png)
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!
Quellcode
- <!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>