[phpBB2] Slideshow + Textarea mit Tabs zentriert?

Hallo ihr Lieben,
ihr habt Rush-Hour und mir schon super mit unserer Slideshow und unserer Textarea mit Tabs schon siper doll geholfen, es hat jetzt auch alles geklappt, bloß an einer Sache scheitern wir einfach. Und zwar die Tabelle in die wir beides gepackt haben richtig zu zentrieren. Wenn wir uns die Rahmen anzeigen lassen, sieht man deutlich, dass in der rechten Spalte der Tabelle, die Textarea mit Tabs zu weit rechts sitzt und nicht am linken Rand wie sie es soll. Wir haben alles mögliche probiert, um das in Ordnung zu bringen. Wir haben float auf left gesetzt, mit padding und margin gearbeitet, aber es hat sich nichts verändert. Nur wenn man das center um die komplette Tabelle rausnimmt wandert sie nach links und dann haben wir das gleiche Problem auf der linken Seite.

Hier ist der Link zum Forum.
Hier und hier sind die Links von den anderen beiden Hilfetexten. Und ich füg euch noch den Code der Tabelle an.

Code:


                 <script type="text/javascript">
                              function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
        for(var i = 0; i < getOnglets.length; i++){
            if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mon_onglet_selected';
                    document.getElementById('c' + _this.id).style.display            = 'block';
                }
                else{
                    getOnglets[i].className = 'mon_onglet';
                    document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                }
            }
        }          
   }
</script>

<center><table><tr><td width="400" height="250" overflow="auto"><iframe src="http://dustcity.forumieren.com/h2-slideshow" width="99%" height="250" frameborder="0" scrolling="no" float="left"></iframe></td><td width="400" height="200">
    <table style="background-image:url(HINTERGRUNDBILD,900PX BREITE); border: 1px; background-repeat:no-repeat; float: right; overflow: auto;">
<tr valign="middle"><td id="tablea" align="center"><div style="font-size:10px;width:400px;text-align:center;font-family:arial"><center>

       <div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><div style="font-family: Arial; font-size: 15px; color: white; border: 0px solid black; text-align: center;">News</div></li>
                <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><div style="font-family: Arial; font-size: 15px; color: white; border: 0px solid black; text-align: center;">Team</div></li>
                <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><div style="font-family: Arial; font-size: 15px; color: white; border: 0px solid black; text-align: center;">Plot</div></li>
                <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><div style="font-family: Arial; font-size: 15px; color: white; border: 0px solid black; text-align: center;">Links</div></li>
                <li id="o_5" class="mon_onglet" onclick="changeOnglet(this);"><div style="font-family: Arial; font-size: 15px; color: white; border: 0px solid black; text-align: center;">Dates</div></li>

                <div class="clear"><div id="mes_contenus"><table cellpadding="10" cellspacing="0" border="0" width="400" height="200"><tr>
 <td background="http://img6.imagebanana.com/img/hyw0v903/t.png">

<div style="overflow: auto; height: 180px; text-align: justify; font-family: Arial; text-transform: none; color: white; border: 0px solid white; font-size: 12px;">
<div id="co_1" class="mon_contenu"><div style="text-align: center; font-family: Times New Roman; font-size: 15px; letter-spacing: 5px; text-transform: uppercase; background-color: #6E6E6E; color: white;">11.August 2013</div><br></br><div style="font-family:arial; font-size: 12px; color:white; text-shadow: 0px 0px 1px black;">Wir haben unseren Style ein wenig verändert. Wir hoffen, dass euch die Neuerungen gefallen!<br>Desweiteren haben wir die "Rubrik des Monats" eröffnet, in der ihr eure Stimme für unseren Month Award abgeben könnt. Details findet ihr <a href="http://dustcity.forumieren.com/t93-plot-1-the-thievery"> hier.</a></div></div>

<div id="co_2" class="mon_contenu" style="display: none; background-image: url(http://www.fotos-hochladen.net/uploads/hintergrundtabmubpwi38ke.png);"><center><div style="font-family:times new roman; font-size: 15px; text-transform: uppercase; color:white; background-color: transparent;">Die Quellen der Weisheit</div></center>
<div style="font-family:arial; font-size: 15px; color:white; text-shadow: 0px 0px 1px black;"><center><br><a href="http://dustcity.forumieren.com/u4">Rosemarie</a> & <a href="http://dustcity.forumieren.com/u2">Esca</a><br><br><div style="font-family:arial; font-size: 12px; color:white; text-shadow: 0px 0px 1px black;">Bei Fragen und Problemen<br>stehen <a href="http://dustcity.forumieren.com/t12-die-quellen-der-weisheit">wir</a> euch gerne zur Verfügung.</div></center><br><br></div></div>

<div id="co_3" class="mon_contenu" style="display: none; background-image: url(http://www.fotos-hochladen.net/uploads/hintergrundtab6chdb5augr.png);"><div style="text-align: center; font-family: Times New Roman; font-size: 15px; letter-spacing: 5px; text-transform: uppercase; background-color: #6E6E6E; color: white;">Plot 1 - The Thievery</div>
<div style="font-family:arial; font-size: 12px; color:white; text-shadow: 0px 0px 1px black;">Die Eagles sind der Mittelpunkt der Rennszene in LA. Ihr Anführer Esca besitzt eine großzügige Sammlung von Maschinen, die in einer Hochsicherheitsgarage aufbewahrt werden. Niemand würde es wagen dort einzubrechen. Und doch ist der 64er Mustang spurlos verschwunden. Die schlaue Diebin hält sich bedeckt. Was aber geschieht, wenn der Verlust öffentlich wird? Und warum sollten nicht auch die Skulls in diese Affäre verwickelt sein? <center><a href="http://dustcity.forumieren.com/t93-plot-1-the-thievery"> mehr...</a></center></div></div>

<div id="co_4" class="mon_contenu" style="display: none;"><div style="text-align: center; font-family: Times New Roman; font-size: 15px; letter-spacing: 5px; text-transform: uppercase; background-color: #6E6E6E; color: white;">Links</div><br></br><div style="font-family:arial; font-size: 12px; color:white; text-shadow: 0px 0px 1px black;"><center><a href="http://dustcity.forumieren.com/t94-storyline">Storyline</a>  •  <a href="http://dustcity.forumieren.com/f5-gesuche">Gesuche</a>  •  <a href="http://dustcity.forumieren.com/f4-charaktere">CB's</a>  •  <a href="http://dustcity.forumieren.com/f10-die-regeln">Regeln</a><br></center></div></div>

<div id="co_5" class="mon_contenu" style="display: none;"><div style="text-align: center; font-family: Times New Roman; font-size: 15px; letter-spacing: 5px; text-transform: uppercase; background-color: #6E6E6E; color: white;">Dates</div><br><br><div style="font-family:arial; font-size: 12px; color:white; text-shadow: 0px 0px 1px black;"><center>•  Aufnahmestopp : <b>inaktiv</b><br><br>•  Erstellungsdatum: <b>14. Mai 2013</b><br><br>•  Playeröffnung: <b>20. Juli 2013</b><br><br><br></center></div></div></div></td></tr></table>

</div></div></ul></div></center>


</div></td></tr>
</table><br></td></tr></table></center>


Habt ihr da eine gute Idee für uns?
Vielen Dank schon mal!
Lieben Gruß, Cid

Hallo,

der Abstand kommt daher, dass das Standardstylesheet des Browsers Einrückungen bei Auflistungen vorsieht und die Tab-Tabelle aus einer ul-Liste besteht.
Du kannst diese Einrückung aber mit einem einfachen CSS-Eintrag unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
entfernen:

Code:

#mes_onglets ul {
  padding: 0;
}

Liebe Grüße
Günther

Vielen vielen Dank, hat super geklappt! *grins*

Gerne.
-closed-