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

Ebay Vorlage Brauche nen Tipp

aggro600

Neues Mitglied
Hallo ich habe mir für ebay so ne Vorlage gebastelt und wollte da nen rahmen drum machen aber iwie will das nicht klappen vllt habt ihr nen tipp?

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Nils">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" type="text/css" href="style_1.css">
</head>
<body text="#BBBBBB" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div style="border:1px solid #B3B2B2;">      <!-- Rahmen -->


     <div id="left">
                 <div class="roundedcornr_box_995626">
                         <div class="roundedcornr_top_995626">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_995626" align="center">
                                 Kontakt
                                 </div>
                                         <div class="roundedcornr_bottom_995626">
                                                  <div>
                                                 </div>
                                          </div>
                 </div>




                 <div class="roundedcornr_box_324337">
                        <div class="roundedcornr_top_324337">
                                <div>
                                </div>
                        </div>
                                <div class="roundedcornr_content_324337">
                                <p>Sie können mir über eBay.de schreiben oder direkt an meine <a href="mailto:[email protected]?subject=Frage wegen eines Artikels">EMail-Adresse</a>.</p>
                                </div>
                                        <div class="roundedcornr_bottom_324337">
                                                <div>
                                                </div>
                                        </div>
                 </div>



                  <div style="font-size:50%">&nbsp;</div>


                 <div class="roundedcornr_box_995626">
                         <div class="roundedcornr_top_995626">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_995626" align="center">
                                 Zahlung
                                 </div>
                                         <div class="roundedcornr_bottom_995626">
                                                 <div>
                                                 </div>
                                         </div>
                  </div>




                 <div class="roundedcornr_box_324337">
                         <div class="roundedcornr_top_324337">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_324337">
                                         <p>Nach der Auktion bekommen Sie die nötigen Information um den Artikel zu bezahlen.</p>
                                 </div>
                                         <div class="roundedcornr_bottom_324337"><
                                                 div>
                                                 </div>
                                         </div>



                <div style="font-size:50%">&nbsp;</div>




                 <div class="roundedcornr_box_995626">
                         <div class="roundedcornr_top_995626">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_995626" align="center">
                                 Versand
                                 </div>
                                         <div class="roundedcornr_bottom_995626">
                                                 <div>
                                                 </div>
                                         </div>     </div>




                 <div class="roundedcornr_box_324337">
                         <div class="roundedcornr_top_324337">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_324337">
                                         <p>Direkt nach Zahlungseingang wird der Artikel an Sie versendet und ist in ca. 3-5 Tagen bei Ihnen.</p>
                                 </div>
                                         <div class="roundedcornr_bottom_324337">
                                                 <div>
                                                 </div>
                                         </div>
                 </div>
     </div>



      <div style="font-size:50%">&nbsp;</div>

     <div id="mitte">
                 <div class="roundedcornr_box_995626">
                         <div class="roundedcornr_top_995626">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_995626" align="center">
                                 Artikelbeschreibung
                                 </div>
                                         <div class="roundedcornr_bottom_995626">
                                                 <div>
                                                 </div>
                                 </div>
                 </div>




                 <div class="roundedcornr_box_324337">
                         <div class="roundedcornr_top_324337">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_324337">
                                         <p>
                                                 <table width="570" height="300"  border="0" cellpadding="0" cellspacing="0">
                                                      <tr height="">
                                                                 <td width="300" height="300" rowspan="2"><img src="beispielbild1.jpg" width="300" height="300" name="bildgross"></td>
                                                                 <td height="200" colspan="3">&nbsp;</td>

                                                       </tr>

                                                       <tr height="50">
                                                        <td width="50" height="50"><a href="#bildgross" onMouseOver="document.bildgross.src='beispielbild1.jpg'; return false;"><img src="beispielbild1.jpg" width="50" height="50"></a></td>
                                                        <td width="50" height="50"><a href="#bildgross" onMouseOver="document.bildgross.src='beispielbild2.jpg'; return false;"><img src="beispielbild2.jpg" width="50" height="50"></a></td>
                                                        <td width="50" height="50"><a href="#bildgross" onMouseOver="document.bildgross.src='beispielbild3.jpg'; return false;"><img src="beispielbild3.jpg" width="50" height="50"></a></td>
                                                       </tr>
                                                 </table>
                                         </p>
                                 </div>
                                         <div class="roundedcornr_bottom_324337">
                                                 <div>
                                                 </div>
                                         </div>
                 </div>
          <div style="font-size:50%">&nbsp;</div>

          <div class="roundedcornr_box_995626">
                 <div class="roundedcornr_top_995626">
                         <div>
                         </div>
                 </div>
                         <div class="roundedcornr_content_995626" align="center">
                                 Sonstiges
                         </div>
                                 <div class="roundedcornr_bottom_995626">
                                         <div>
                                         </div>
                         </div>
          </div>
 
HTML:
          <div class="roundedcornr_box_324337">
                 <div class="roundedcornr_top_324337">
                         <div>
                         </div>
                 </div>
                         <div class="roundedcornr_content_324337">
                                 <p>



                                  <style type="text/css">
                                  <!--
                                  .angebote{
                                          border: 1px solid #E1E2E2;
                                          margin-bottom: 15px;
                                          width: 560px;
                                  }
                                  -->
                                  </style>

                                  <SCRIPT language="JavaScript" type="text/JavaScript">
                                  <!--
                                  function makeFlash(src, w, h,c){
                                  // Generated By Easy HTML To Any Script Converter
                                  document.writeln("<object class=\""+c+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\" width=\""+w+"\" height=\""+h+"\">");
                                  document.writeln(" <param name=\"movie\" value=\""+src+"\">");
                                  document.writeln(" <param name=\"quality\" value=\"high\">");
                                  document.writeln(" <embed src=\""+src+"\" quality=\"high\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\""+w+"\" height=\""+h+"\"><\/embed><\/object>");
                                  }
                                  //-->
                                  </SCRIPT>
                                         <div class="angebote">
                                                 <SCRIPT>makeFlash('http://www.store-designer.de//includes/slider1.swf?seller=nilsk','560','130');</SCRIPT>
                                         </div>
                                 </p>
                         </div>
         </div>
                 <div class="roundedcornr_bottom_324337">
                         <div>
                         </div>
                 </div>
     </div>



      <div style="font-size:50%">&nbsp;</div>


         <div id="right">
                 <div class="roundedcornr_box_995626">
                         <div class="roundedcornr_top_995626">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_995626" align="center">
                                 Kontakt
                                 </div>
                                         <div class="roundedcornr_bottom_995626">
                                                 <div>
                                                 </div>
                                         </div>
                 </div>




                 <div class="roundedcornr_box_324337">
                         <div class="roundedcornr_top_324337">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_324337">
                                         <p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT .</p>
                                 </div>
                                         <div class="roundedcornr_bottom_324337">
                                                 <div>
                                                 </div>
                                         </div>
                 </div>

                 <div style="font-size:50%">&nbsp;</div>

                 <div class="roundedcornr_box_995626">
                         <div class="roundedcornr_top_995626">
                              <div>
                              </div>
                         </div>
                                 <div class="roundedcornr_content_995626" align="center">
                                         Kontakt
                                 </div>
                                         <div class="roundedcornr_bottom_995626">
                                                 <div>
                                                 </div>
                                         </div>
                 </div>




                 <div class="roundedcornr_box_324337">
                         <div class="roundedcornr_top_324337">
                                 <div>
                                 </div>
                         </div>
                                 <div class="roundedcornr_content_324337">
                                         <p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT .</p>
                                 </div>
                                         <div class="roundedcornr_bottom_324337">
                                                 <div>
                                                 </div>
                                         </div>
                         </div>
               </div>

               <div style="font-size:50%">&nbsp;</div>



</div> <!-- Für den Rahmen -->

</body>
</html>
CSS:
Code:
.roundedcornr_box_995626 {
   background: #141414 url(roundedcornr_995626_grad.gif) repeat-x top left; 
}
.roundedcornr_top_995626 div {
   background: url(roundedcornr_995626_tl.gif) no-repeat top left;
}
.roundedcornr_top_995626 {
   background: transparent url(roundedcornr_995626_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_995626 div {
   background: url(roundedcornr_995626_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_995626 {
   background: transparent url(roundedcornr_995626_br.gif) no-repeat bottom right;
}

.roundedcornr_top_995626 div, .roundedcornr_top_995626,
.roundedcornr_bottom_995626 div, .roundedcornr_bottom_995626 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_995626 { margin: 0 15px; }


.roundedcornr_box_324337 {
    background: url(roundedcornr_324337_tl.png) no-repeat top left;
}
.roundedcornr_top_324337 {
    background: url(roundedcornr_324337_tr.png) no-repeat top right;
}
.roundedcornr_bottom_324337 {
    background: url(roundedcornr_324337_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_324337 div {
    background: url(roundedcornr_324337_br.png) no-repeat bottom right;
}
.roundedcornr_content_324337 {
    background: url(roundedcornr_324337_r.png) top right repeat-y;
}

.roundedcornr_top_324337 div,.roundedcornr_top_324337,
.roundedcornr_bottom_324337 div, .roundedcornr_bottom_324337 {
    width: 100%;
    height: 15px;
    font-size: 1px;
}
.roundedcornr_content_324337, .roundedcornr_bottom_324337 {
    margin-top: -19px;
}
.roundedcornr_content_324337 { padding: 0 15px; }



div#left{
 position: absolute;
 
 top:100px;
 left:5px;

 width: 250px;
}


div#mitte{
 position: absolute;
 
 top:100px;
 left:260px;

 width: 600px;
}


div#right{
 position: absolute;
 
 top:100px;
 left:865px;

 width: 250px;
}




div#border{
 border-color:#FFFF00; border-width:2px; border-style:solid; padding:4px;

}
 
Zurück
Oben