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

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
Die neuesten Themen
» Gelöschtes Forum wiederherstellen?
von Caithlin Gestern um 23:16

» Wie können die Gäste in die Threads und Kategorien sehen?
von HamsterHamstert Gestern um 20:27

» [phpBB3] Sendeplan für Webradio Forum
von inde Gestern um 17:43

» [phpBB2] Einvernehmliche Übernahme eines Forum
von inde Gestern um 17:23

» [#10551][phbBB3] Events werden nicht dargestellt.
von inde Sa 19 Aug 2017 - 16:27

» Catlantis
von Emily Stein Fr 18 Aug 2017 - 22:15

» Unternehmensberatung feat. Ideenfindung
von Emily Stein Fr 18 Aug 2017 - 22:14

» Animebase
von Emily Stein Fr 18 Aug 2017 - 22:12

» Anime World Forum
von Emily Stein Fr 18 Aug 2017 - 22:12

» Akatsuki und Naruto Forum
von Emily Stein Fr 18 Aug 2017 - 22:11

» Glee-Forum
von Emily Stein Fr 18 Aug 2017 - 22:06

» Keksiix3.forumieren.net . Lets rock !
von Emily Stein Fr 18 Aug 2017 - 22:04

» Meinungs-Zeitung
von Emily Stein Fr 18 Aug 2017 - 22:01

» DSDS Fan-Forum
von Emily Stein Fr 18 Aug 2017 - 21:59

» Blackboard - Fun, Internet & Lifestyle
von Emily Stein Fr 18 Aug 2017 - 21:58

» BISSWORLD-Forum - Ein Forum über die Twilight-Saga
von Emily Stein Fr 18 Aug 2017 - 21:57

www.forumieren.de

[phpBB2] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht

Beitrag von NekoAkina am Fr 11 Jul 2014 - 22:50

Hallo x3

Ich hab mich mal an einem ChangeOnglet bzw. einer Tabelle mit Tabs versucht, allerdings hat es nicht ganz hingehauen, wie man hier unschwer erkennen kann. Soweit sieht es ganz gut aus, ja, aber mein Problem ist, dass ich den nächsten Reiter nicht anklicken kann. Dabei habe ich an den Codes bisher nichts verändert, sondern sie hier nur kopiert von hier, bzw. von einer Freundin.

Im CSS-Bereich habe ich folgenden Code:
Code:
/*changeOnglet*/
        .mon_onglet{
          float: left;
          padding: 2px 10px;
          margin-right: 0px;
          color: #ffffff;
          background: #ffffff
          border: 4px double #6666ff;
          margin-bottom: -1px;
          list-style: none;
  font-family: georgia;
      font-size: 15px;
        }
        .mon_onglet:hover{
          background: #ffffff;
        }    
        .mon_onglet_selected{
          float: left;
          padding: 2px 10px;
          margin-right: 0px;
          color: #000;
          background: #ffffff;
          border-top: 4px double #6666ff;
          border-right: 4px double #6666ff;
          border-left: 4px double #6666ff;
          border-bottom: 4px double #6666ff;
          margin-bottom: -1px;
          list-style: none;
  font-family: georgia;
      font-size: 15px;}      
        .clear{
          clear: both;
        }
        .mon_contenu{
          color: #6666ff;
          background: #ffffff;
         border: 2px dashed #6666ff;
          padding: 10px;
          line-height: normal;
          font-size: 12px;}
        #mes_contenus, #mes_onglets{
          width: 700px;
          margin: auto;}

Und als HTML-Code habe ich diesen:
Code:
<div id="mes_onglets">
   
   <ul>
      <li onclick="changeOnglet(this);" class="mon_onglet_selected" id="o_1">
         Reiter 1
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_2">
         Reiter 2
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_3">
         Reiter 3
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_4">
         Reiter 4
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_5">
         Reiter 5
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_6">
         Reiter 6
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_7">
         Reiter 7
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_8">
         Reiter 8
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_9">
         Reiter 9
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_10">
         Reiter 10
      </li>
      
      <li onclick="changeOnglet(this);" class="mon_onglet" id="o_11">
         Reiter 11
      </li>
      
      <div class="clear">
         <div id="mes_contenus">
            
            <div class="mon_contenu" id="co_1">
               Das ist der Text des ersten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_2">
               Das ist der Text des zweiten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_3">
               Das ist der Text des dritten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_4">
               Das ist der Text des vierten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_5">
               Das ist der Text des fünften Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_6">
               Das ist der Text des sechsten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_7">
               Das ist der Text des siebenten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_8">
               Das ist der Text des achten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_9">
               Das ist der Text des neunten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_10">
               Das ist der Text des zehnten Fensters.
            </div>
            
            <div style="display: none;" class="mon_contenu" id="co_11">
               Das ist der Text des elften Fensters.
            </div>
            
         </div>
      </div>
   </ul>
</div>

Kann mir vielleicht jemand helfen und mir sagen, was ich ändern muss, damit man den nächsten Reiter anklicken kann?
Vielen Dank!
avatar
NekoAkina
Neuling
Neuling

Beiträge : 14
Anmeldedatum : 11.07.14
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht

Beitrag von Günther am Sa 12 Jul 2014 - 3:19

Hallo und herzlich Willkommen,

du bist neu hier im Forum.
Mache dich bitte zunächst mit den hiesigen Forenregeln vertraut.

Viele Antworten findest du auch in der Wissenssammlung "Lexi Help" Exclamation

Klick einfach auf das Bild Arrow

Solltest du keine für dich passende Antwort in der Suchfunktion (Link in der Navigation) oder bei "Lexi Help" gefunden haben, dann eröffne pro Frage ein neues Thema.

Ich wünsche dir hier im Forum viele Informationen und guten Erfolg mit deinem Forum top

Für eine solche Tab-Tabelle sind drei Codes nötig: HTML, CSS und ein Javascript. Letzteres fehlt bei dir. Wink

Wir haben hier im Forum bereits alle drei nötigen Codebestandteile gepostet und erklärt, wo/wie diese eingesetzt werden müssen:
http://hilfe.forumieren.com/t34498-punbb-tabelle#225929 (auch die weiteren Beiträge lesen)
Das sollte dir weiterhelfen. 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] ChangeOnglet / Tabelle mit Tabs - Nächster Reiter öffnet sich nicht

Beitrag von NekoAkina am Sa 12 Jul 2014 - 19:04

Ah ja danke, jetzt funktioniert es. x3
Und tut mir leid, dass ich vergessen habe, zu suchen... ^^'
avatar
NekoAkina
Neuling
Neuling

Beiträge : 14
Anmeldedatum : 11.07.14
keine
phpBB2

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