Ebay Vorlage Brauche nen Tipp

html.de-Forum HTML, XHTML & CSS
1

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]

 <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:essener-15@hotmail.de?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]

2

[HTML] 







                              <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>
[/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;

}

[/CODE]