Lexi Help
Die neuesten Themen
» [Wichtige Information] Meine Tätigkeit in diesem Support. Von #Frank
von #Frank Heute um 13:42

» [Update] Neues Theme der mobilen Version V2
von #Frank Heute um 13:03

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Gestern um 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Gestern um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

Partner
free forum

[phpBB2] Slideshow + Textarea mit Tabs zentriert?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Slideshow + Textarea mit Tabs zentriert?

Beitrag von Cid am Di 13 Aug 2013 - 16:09

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. Smile

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 Smile


Zuletzt von Cid am Di 13 Aug 2013 - 17:29 bearbeitet, insgesamt 1 mal bearbeitet

Cid
Neuling
Neuling

Weiblich Beiträge : 13
Hinweis : Betriebssystem Win 8
Anmeldedatum : 04.04.13

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Slideshow + Textarea mit Tabs zentriert?

Beitrag von Günther am Di 13 Aug 2013 - 17:24

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

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Slideshow + Textarea mit Tabs zentriert?

Beitrag von Cid am Di 13 Aug 2013 - 17:28

Vielen vielen Dank, hat super geklappt! *grins*

Cid
Neuling
Neuling

Weiblich Beiträge : 13
Hinweis : Betriebssystem Win 8
Anmeldedatum : 04.04.13

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Slideshow + Textarea mit Tabs zentriert?

Beitrag von Günther am Di 13 Aug 2013 - 17:29

Gerne. Smile
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten