Kostenloses Forum erstellen[phpBB2] Problem mit der Tab-Ansicht
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Probleme mit Scripten oder Code's
Seite 1 von 1
[phpBB2] Problem mit der Tab-Ansicht
von Sombra 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:
![[phpBB2] Problem mit der Tab-Ansicht Bildschirmfotojkr21xwihy](https://2img.net/h/img5.fotos-hochladen.net/uploads/bildschirmfotojkr21xwihy.png)
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:
![[phpBB2] Problem mit der Tab-Ansicht Bildschirmfotom1rit24an5](https://2img.net/h/www.fotos-hochladen.net/uploads/bildschirmfotom1rit24an5.png)
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.
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.
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
Sombra- Neuling
-
Anzahl der Beiträge : 12
Browser :
Anmeldedatum : 22.05.14
Re: [phpBB2] Problem mit der Tab-Ansicht
von Günther Sa 10 Jan 2015 - 23:38
Hallo @Sombra,
das Problem liegt am Inhalt deines 2. Tabs:
Das heißt, die beiden rot markierten Tags fehlen in deinem Code:
Alles klar?
Liebe Grüße
Günther
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>
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?
Liebe Grüße
Günther
Günther- Administrator
-
Anzahl der Beiträge : 15068
Browser :
Anmeldedatum : 16.07.08
Re: [phpBB2] Problem mit der Tab-Ansicht
von Sombra 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!
Vielen Dank Günther, die ganzen <div>'s haben mich irgendwie verwirrt. Vielen Dank, es hat geklappt!
Sombra- Neuling
- Anzahl der Beiträge : 12
Browser :
Anmeldedatum : 22.05.14
Günther- Administrator
- Anzahl der Beiträge : 15068
Browser :
Anmeldedatum : 16.07.08
Ähnliche ThemenDas Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Probleme mit Scripten oder Code's
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten![[phpBB2] Problem mit der Tab-Ansicht Fb11](https://i.servimg.com/u/f21/18/21/41/30/fb11.png)
Facebook![[phpBB2] Problem mit der Tab-Ansicht Gp10](https://i.servimg.com/u/f21/18/21/41/30/gp10.png)
Google+
