Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» [phpBB2] Beiträge verschwinden, nachdem sie angeklickt wurde
von Emmy Petit Gestern um 21:34

» [Tuto] [alle Versionen] Funktion "diesen Code markieren"
von inde Gestern um 16:52

» Signal für Chat
von inde Mi 26 Apr 2017 - 23:43

» [phpBB2] "Ihre Sitzung ist abgelaufen".
von inde Mi 26 Apr 2017 - 23:41

» [ModernBB] Weiterleitung zur Startseite
von inde Mi 26 Apr 2017 - 19:57

» [phpBB2] Saol Eile : Welt der Mythen
von Sunshinex33 Mi 26 Apr 2017 - 3:12

» [ModernBB] Transparenz der Tabelle
von deafgopro Di 25 Apr 2017 - 15:47

» [ModernBB] Avatar - Profil auf die linke Seite
von deafgopro Mo 24 Apr 2017 - 21:52

» Benachrichtigungen
von inde Mo 24 Apr 2017 - 18:59

» [ModernBB] Profil Informationen im Forum - Farbe nicht veränderbar
von inde Mo 24 Apr 2017 - 15:54

» [#9712] Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Mo 24 Apr 2017 - 14:09

» Sailor Moon Forum SMF
von Rika So 23 Apr 2017 - 12:09

» Natur und Wildlife Forum
von Stephan68 Sa 22 Apr 2017 - 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Sa 22 Apr 2017 - 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

www.forumieren.de

[phpBB2] Problem mit der Tab-Ansicht

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Problem mit der Tab-Ansicht

Beitrag von Sombra am Sa 10 Jan 2015 - 19:41

Hallo liebes Support-Team!
Ich habe (mal wieder) ein Problem mit einem Code. Und zwar versuche ich gerade eine Headertabelle mit den Tabs zu machen, die ich hier gefunden habe. Es funktioniert wirklich, bis auf die letzten 3 Tabs. Insgesammt sind es 5. Ich schildere mein Problem am besten mit den Screenshots:


So soll es aussehen und so passt es auch. Das funktioniert bei den Tabs "Herzlich willkommen" und "Quicklinks". Klicke ich allerdings weiter sieht das so aus:


Es wird nichts angezeigt und das bei den Tabs "Das Team", "News" und "Sisters && Brothers". Woran kann das liegen? Ich habe in die beiden Spoiler den HTML-Code und den CSS-Code reingetan. Vielleicht geht es dann schneller.

HTML:
       
Code:
<div id="mes_onglets">
            
 <ul>
 <li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">
 Herzlich Willkommen!
 </li>
                    
 <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">
 Quicklinks
 </li>
                    
 <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">
 Das Team
 </li>
                    
 <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">
 News
 </li>
                    
 <li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">
 Sisters && Brothers
 </li>
                                        
 <div class="clear">
 <div id="mes_contenus">
                
 <div id="co_1" class="mon_contenu">
 <div align="center">
 Sei gegrüßt lieber Gast und herzlich Willkommen in der RP-Schachtel!<br />Es ist uns eine Ehre dir das Forum vorstellen zu dürfen. Wir sind ein Free-RPG-Forum. Was das bedeutet? Nun ja. In einem Free-RPG-Forum ist das RPG für gewöhnlich nicht fest gelegt und es ist <strong>jedem Nutzer gestattet</strong> sein eigenes <strong>RPG zu eröffnen</strong> und es zu spielen. Wir wollen hier einfach die Möglichkeit bieten <strong>Spaß am RPG</strong> zu haben ohne gleich ein neues Forum finden zu müssen. Wir sind sicher, dass irgendwann für jeden Geschmack etwas dabei ist. <br />Auch bieten wir dir hier die Möglichkeit des <strong>Support</strong>. Wir haben ein paar Nutzer, die sich mit <strong>Grafiken, Codes, RPGs und Foren</strong> auskennen und sicherlich helfen sie dir bei Fragen weiter. Dafür haben wir einen einzigartigen Supportbereich. <br />Es würde uns freuen, wenn du als Gast einen <strong>Gruß</strong> und vielleicht sogar einen<strong> Vorschlag zur Verbesserung</strong> (insofern du einen hast) da lassen würdest. Das Gästebuch findest du sofort auf der Startseite, sonst in den Quicklinks. <br />Es freut uns sehr dass du vorbeigeschaut hast und wir hoffen, dich bald als Teil des Forums begrüßen zu dürfen!<br />Viel Spaß hier!<br />                     lg dein Schachtel-Team
 </div>
  
 </div>
                
 <div id="co_2" class="mon_contenu" style="display: none;">
 <div id="quicklinks">
                    
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/"> Das Regelbuch</a>        
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/t1-willkommen-in-der-rp-schachtel"> Startinfos</a>        
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/f2-hallo-und-herzlich-willkommen"> Vorstellungsrunde</a>        
 </div>
                
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/f9-grusse-nachrichten-gluckwunsche"> Gästebuch</a>        
 </div>
                
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/f10-partnerschaftliches-gaste"> Partnerschaftliches</a>        
 </div>
 
 </div>
 </div>
                
 <div id="co_3" class="mon_contenu" style="display: none;">
 <a href="http://rp-schachtel.forumieren.com/t5-i-m-a-magician"><img src="http://img5.fotos-hochladen.net/uploads/adminavatarheapzvq9ctkb.png" /></a> <br />
 </div>
                
 <div id="co_4" class="mon_contenu" style="display: none;">
 Das ist der Text des vierten Fensters.
 </div>
                
 <div id="co_5" class="mon_contenu" style="display: none;">
 Das ist der Text des fünften Fensters.
 </div>
            
 </div>
 </div>
 </div>
 </div>
 </ul>
</div>

CSS:

Code:
/* Headertabelle */

    /*changeOnglet*/
            .mon_onglet{
              float: left;
              padding: 2px 10px;
              margin-right: 5px;
              color: #830091;
              background: #BD93B8;
              background-image:url(http://img5.fotos-hochladen.net/uploads/headertabelle0187rqyfsi.jpg);
              border: 1px solid #fce8fa;
              cursor: pointer;
              margin-bottom: -1px;
              list-style: none;
           font-size:90%;
            }
            .mon_onglet:hover{
              background: #BD93B8;
            }      
            .mon_onglet_selected{
              float: left;
              padding: 2px 10px;
              margin-right: 5px;
              color: #830091;
              background: #BD93B8;
           background-image:url(http://img5.fotos-hochladen.net/uploads/headertabelle0187rqyfsi.jpg);
              border-top: 1px solid #fce8fa;
              border-right: 1px solid #fce8fa;
              border-left: 1px solid #fce8fa;
              border-bottom: 1px solid #830091;
              cursor: pointer;
              margin-bottom: -1px;
              list-style: none;
           font-size:90%;}        
            .clear{
              clear: both;
            }
            .mon_contenu{
              color: #830091;
              background: #BD93B8;
              background-image:url(http://img5.fotos-hochladen.net/uploads/headertabelle0187rqyfsi.jpg);
              border: 1px solid #fce8fa;
              padding: 10px;
              line-height: normal;
              font-size: 11px;}
            #mes_contenus, #mes_onglets{
              width: 100%;
              margin: auto;}

/* ENDE */

Kann mir jemand sagen, wo mein Fehler liegt? Ich hab wirklich schon vieles probiert, aber ich finde ihn einfach nicht D:
Vielen Dank für die Hilfe, schon einmal im Voraus^^
EDIT:
Wenn nötig: Der Forenlink RP-Schachtel oder auch das 2. Forum in meinem Profil.


Zuletzt von Sombra am So 11 Jan 2015 - 21:05 bearbeitet; insgesamt 1-mal bearbeitet
avatar
Sombra
Neuling
Neuling

Männlich Beiträge : 25
Anmeldedatum : 22.05.14
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Problem mit der Tab-Ansicht

Beitrag von Günther am Sa 10 Jan 2015 - 23:38

Hallo @Sombra,

das Problem liegt am Inhalt deines 2. Tabs:
Code:
<div id="co_2" class="mon_contenu" style="display: none;">
 <div id="quicklinks">
                    
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/"> Das Regelbuch</a>        
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/t1-willkommen-in-der-rp-schachtel"> Startinfos</a>        
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/f2-hallo-und-herzlich-willkommen"> Vorstellungsrunde</a>        
 </div>
                
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/f9-grusse-nachrichten-gluckwunsche"> Gästebuch</a>        
 </div>
                
 <div class="links">
         <a href="http://rp-schachtel.forumieren.com/f10-partnerschaftliches-gaste"> Partnerschaftliches</a>        
 </div>
 
 </div>
 </div>
Die ersten beiden div's mit der Klasse .links werden nicht abgeschlossen. Exclamation
Das heißt, die beiden rot markierten Tags fehlen in deinem Code:
<div id="co_2" class="mon_contenu" style="display: none;">
<div id="quicklinks">
                   
<div class="links">
        <a href="http://rp-schachtel.forumieren.com/"> Das Regelbuch</a>
</div>
       
<div class="links">
        <a href="http://rp-schachtel.forumieren.com/t1-willkommen-in-der-rp-schachtel"> Startinfos</a>
</div>
     
<div class="links">
        <a href="http://rp-schachtel.forumieren.com/f2-hallo-und-herzlich-willkommen"> Vorstellungsrunde</a>        
</div>
               
<div class="links">
        <a href="http://rp-schachtel.forumieren.com/f9-grusse-nachrichten-gluckwunsche"> Gästebuch</a>        
</div>
               
<div class="links">
        <a href="http://rp-schachtel.forumieren.com/f10-partnerschaftliches-gaste"> Partnerschaftliches</a>        
</div>

</div>
</div>

Alles klar? Smile

Liebe Grüße
Günther
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Problem mit der Tab-Ansicht

Beitrag von Sombra am So 11 Jan 2015 - 21:06

OMG ich schlaues Kind xD
Vielen Dank Günther, die ganzen <div>'s haben mich irgendwie verwirrt. Vielen Dank, es hat geklappt!
avatar
Sombra
Neuling
Neuling

Männlich Beiträge : 25
Anmeldedatum : 22.05.14
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Problem mit der Tab-Ansicht

Beitrag von Günther am So 11 Jan 2015 - 23:54

Bitte. Smile
-closed-
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten