• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Neuling bräuchte Hilfe bei ebay Auktion mit HTML

Norman.Bates

Neues Mitglied
Hallo zusammen,

ich bin neu hier im Forum so wie HTML neu für mich.
Ich habe vor meine ebay Auktionen etwas aufzupeppen.
Ich wollte gern ein meine Auktion einen Rahmen im Style von einer MS DOS Eingabeaufforderung einbauen. Das habe ich auch soweit geschafft nur habe ich das Problem wenn ich den Code in die Angeboterstellung einfüge und dann eine Vorschau öffne ist die ganze Seite betroffen. Das heisst die ganze Seite hat die Hintergrundfarbe, die Schrift ist nur die aus meinem Code und die Buttons für Bieten und Sofort Kauf sind verschoben.
Hat jemand eine Idee wie mein Code nur in dem Bereich der "Beschreibung" zu sehen ist und nicht auf der kompletten Seite?

Ich hoffe Ihr könnt mir helfen

Mein Code sieht wie folgt aus:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
/* grundlegende Seiteneinstellungen*/
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background-color: #FF6400;
    margin:5%;
}

h1,h2,p {
    font-family: "Lucida Console";
    font-weight:normal;
    color:#FFFFFF;
}

p {
    font-size: 80%;
    margin-bottom:1.5em;
}

h1 {
    font-size: 80%;
    margin-buttom:0em;
    padding-left:0.8cm;
    padding-top:0.3cm;
}

h2 {
    font-size: 150%;
    margin-buttom:1em;
}
/* hier beginnt das fr die Box relevante CSS  */
div {
    margin:0;
}

.ro {
    background:  url("1.gif") top right no-repeat;
    margin-right:3cm;
}

.lo {
    background:  url("2.gif") top left no-repeat;
    margin-left:10.4cm;
}


.ru {
    background:  url("3.gif") bottom right no-repeat;
}

.lu {
    background:  url("4.gif") bottom left no-repeat;
}

.inhalt {
    margin:0;
    padding:3.5em 6.5em 6.5em 2.5em;
}

.inhalt p {
    margin:0;
    padding:0px;
}
-->
</style>
</head>
<body> 
 

<div class="ro"> 
  <div class="lo">
   <h1>Beschreibung</h1>
    <div class="ru"> 
      <div class="lu"> 
        <div class="inhalt"> 
          <p>    C:\cd Test</p>
          <p>    C:\Test\</p> 
          <p><br></br></p>
           
          <p>Test 123</p> 
        </div> 
      </div> 
    </div> 
  </div> 
</div> 

<br></br>

<div class="ro"> 
  <div class="lo">
   <h1>Beschreibung</h1>
    <div class="ru"> 
      <div class="lu"> 
        <div class="inhalt"> 
          <p>    C:\Test</p>
          <p>    C:\Test\</p> 
          <p>Test 123</p> 
        </div> 
      </div> 
    </div> 
  </div> 
</div> 


</body>

</html>

Danke für eure Hilfe

Gruß Norman
 
Zurück
Oben