Kann mir bitte jemand das hier horizontal zentrieren? :)

  • Hallo,

    ich kenne mich nur wenig mit HTML und CSS aus. Ich habe mit Hilfe eines HTML-Blogs etwas zusammen gebastelt. Nur weiß ich nicht wie ich jetzt das Ganze horizontal zentrieren soll. Könnt ihr mir sagen wie? Wahrscheinlich ganz einfach^^. Das ist für ein Angebot bei Ebay und wenn man sich das Angebot bzw. die Beschreibung anschaut, dann erscheinen die Bilder unter die Texte darunter alle linksbündig. Hier könnt ihr sehen wie es aussieht ( wenn ihr runter scrollt ) http://www.ebay.de/itm/4006227231…3183%26_rdc%3D1

    Wäre super wenn mir jmd helfen kann :) Hier der HTML Text:

    body {;width: 500px;
    margin: 0 auto;
    <style>
    .drei .tr-caption-container{
    float:left;
    }
    </style>
    <div class="drei">
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S4B.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S4B.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S2P</b><br> <br>Breite: 270 cm<br>Länge: 170/90 cm<br>Mit 50 Perlen bestückt
    <br>Steckfertig auf Kamm<br>
    mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S3schleier.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S3schleier.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S3</b><br> <br>Breite 140 cm<br>Länge 60/50 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S4schleier.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S4schleier.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S4</b><br> <br>Breite 270 cm<br>Länge 70/60 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S4B.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S4B.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S4B</b><br> <br>Breite 270 cm<br>Länge 70/60 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    </div>
    <div style="clear: both;">
    </div>

    <style>
    .drei .tr-caption-container{
    float:left;
    }
    </style>
    <div class="drei">
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S5.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S5.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S5</b><br> <br>Breite: 270 cm<br>Länge 90/70 cm
    <br>Steckfertig auf Kamm<br>
    mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S5B.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S5B.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S5B</b><br> <br>Breite 140 cm<br>Länge 90/70 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S6schleier.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S6schleier.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S6</b><br> <br>Länge 70 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S6schleier.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S6schleier.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S6P</b><br> <br>Länge 70 cm<br>mit 30 Perlen bestückt<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    </div>
    <div style="clear: both;">
    </div>

    <style>
    .drei .tr-caption-container{
    float:left;
    }
    </style>
    <div class="drei">
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S6schleier.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S6schleier.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S6S</b><br> <br>Länge 70 cm<br>Mit 30 Steinen bestückt
    <br>Steckfertig auf Kamm<br>
    mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S7.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S7.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S7</b><br> <br>Länge 90 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S8B.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S8B.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S8</b><br> <br>Breite 270 cm<br>Länge 70/60/50 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/Ebay/S8B.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/Ebay/S8B.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S8B</b><br> <br>Breite 140 cm<br>Länge 90/60/50 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    </div>
    <div style="clear: both;">
    </div>
    </b> <br>

    <style>
    .drei .tr-caption-container{
    float:left;
    }
    </style>
    <div class="drei">
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S19B.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S19B.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S19B</b><br> <br>Breite 200 cm<br>Länge 70/60 cm
    <br>Steckfertig auf Kamm<br>
    mit Wellenkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S20.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S20.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S20</b><br> <br>Breite 150 cm<br>Länge 80/60 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S22.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S22.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S22</b><br> <br>Breite 150 cm<br>Länge 70/60 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S23.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S23.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S23</b><br> <br>Breite 150 cm<br>Länge 70/60 cm<br>Mit 30 Perlen bestückt<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    </div>
    <div style="clear: both;">
    </div>

    <style>
    .drei .tr-caption-container{
    float:left;
    }
    </style>
    <div class="drei">
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S29.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S29.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S29</b><br> <br>Breite 150 cm<br>Länge 110 cm
    <br>Steckfertig auf Kamm<br>
    mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S35.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S35.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S35</b><br> <br>Breite 200 cm<br>Länge 170/90 cm<br>Steckfertig auf Kamm<br>
    mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S35.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S35.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S35S</b><br> <br>Breite 200 cm<br>Länge 170/90 cm<br>Mit 50 <br>Steinen bestückt<br>Steckfertig auf Kamm<br>
    mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S37P.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S37P.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S37S</b><br> <br>Breite 150 cm<br>Länge 80/60 cm<br>Mit 30 <br>Steinen bestückt<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    </div>
    <div style="clear: both;">
    </div>

    <style>
    .drei .tr-caption-container{
    float:left;
    }
    </style>
    <div class="drei">
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S37P.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S37P.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S37P</b><br> <br>Breite 150 cm<br>Länge 80/60 cm<br>Mit 30 Perlen bestückt
    <br>Steckfertig auf Kamm<br>
    mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S38.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S38.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S38</b><br> <br>Breite 150 cm<br>Länge 80/60 cm<br>Mit jeweils 64<br>Steinen und Perlen<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S43.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S43.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S43</b><br> <br>Länge 80 cm<br>Steckfertig auf Kamm
    <br>mit Satinkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S70.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S70.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S70</b><br> <br>Breite 140 cm<br>Länge 80/60 cm<br>Steckfertig auf Kamm
    <br>mit Kurbelkante</td></tr>
    </tbody></table>
    </div>
    <div style="clear: both;">
    </div>

    <style>
    .drei .tr-caption-container{
    float:left;
    }
    </style>
    <div class="drei">
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S70.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S70.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S70</b><br> <br>Breite 140 cm<br>Länge 80/60 cm<br>
    Steckfertig auf Kamm<br>
    mit Kurbelkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S70R.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S70R.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S70S</b><br> <br>Breite 140 cm<br>Länge 80/60 cm<br>Mit 40 Steinen bestückt<br>Steckfertig auf Kamm
    <br>mit Kurbelkante</td></tr>
    </tbody></table>
    <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
    style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
    <tr><td style="text-align: center;">
    <a href="http://www.hellys-shop.de/AmazonKai/S90P.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;">
    <img border="0" height="200" src="http://www.hellys-shop.de/AmazonKai/S90P.jpg" width="149" /></a></td></tr>
    <tr><td class="tr-caption" style="text-align: center;"><b>Modell S90</b><br> <br>Breite 140 cm<br>Länge 80/60 cm<br>Mit 200 <br>Opalrondellen bestückt<br>Steckfertig auf Kamm
    <br>mit Kurbelkante</td></tr>
    </tbody></table>
    </div>
    <div style="clear: both;">
    </div>

  • Solltest du glauben, dass dir jemand diese Buchstabenwüste aufräumt, bist du auf dem Holzweg. Wenn du HTML-Code postet, nutze BB-Codes, also [noparse]

    Code
    Quellcode

    [/noparse]

  • </center>

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  • Gastl, schön, dass du diese Buchstabenwüste auch nochmal postest, wobei mir allerdings der Sinn nicht ersichtlich ist, um nicht zu sagen: was soll der Sch....

  • Rhetorische Anfragen stoßen bei mir auf Granit.


    Schön für dich, dann eben keine rhetorische Frage: wieso postest du den Käse auch noch???