WebsiteBaker Community Forum
WebsiteBaker Support (2.8.x) => 
Hilfe & Support (deutsch) => General Help & Support => Diskussion über WB (closed) => Topic started by: Rayne on October 19, 2008, 10:42:47 PM
-
Hallo.
Ich habe ein Menü nach folgender Struktur:
Hauptpunkt 1
Unterpunkt 1
Unterpunkt 2
Unterpunkt 3
Hauptpunkt 2
.
.
.
Wenn nun Hauptpunkt angeklickt ist, wird er als aktiv markiert. Super. Wenn nun aber noch Unterpunkt 1 angeklickt wird, wird nur dieser Unterpunkt als aktiv markiert, nicht aber der Hauptpunkt. Ich möchte aber, dass immer auch der Hauptpunkt und der jeweilige Unterpunkt als menu_current markiert ist.
Geht das irgendwie?
Danke für jede Hilfe :)
-
Hi,
wenn du show_menu2 verwendest, sollte es recht einfach per CSS zu formatieren sein. Denn die jeweiligen Elternelemente erhalten bei aktiviertem Kindelement die Klasse menu-parent.
Aber bitte beachten, daß das menu_current bei SM2 menu-current heißt ;-)
Grüßle Bernd
-
Danke für den Tip, habe nun SM2 benutzt.
Allerdings bekomme ich es partout nicht auf die Reihe, diese menu-parent und menu-current richtig einzusetzen.
So sieht der von WB generierte Code für meine Navi aus:
<ul class="menu-top"><li class="menu-expand menu-parent menu-first"><a href="http://localhost/wiko.fhtw-berlin.de" target="_top">Studiengang</a><ul class=""><li class="menu-current menu-first"><a href="http://localhost/wiko.fhtw-berlin.de/pages/studiengang/ueberblick.php" target="_top">Überblick</a></li><li class="menu-sibling"><a href="http://localhost/wiko.fhtw-berlin.de/pages/studiengang/philosophie.php" target="_top">Philosophie</a></li><li class="menu-sibling"><a href="http://localhost/wiko.fhtw-berlin.de/pages/studiengang/ziele.php" target="_top">Ziele</a></li><li class="menu-sibling"><a href="http://localhost/wiko.fhtw-berlin.de/pages/studiengang/inhalte.php" target="_top">Inhalte</a></li><li class="menu-sibling menu-last"><a href="http://localhost/wiko.fhtw-berlin.de/pages/studiengang/projekte.php" target="_top">Projekte</a></li></ul></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/bachelor.php" target="_top">Bachelor</a></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/master.php" target="_top">Master</a></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/praktikum.php" target="_top">Praktikum</a></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/fhtw.php" target="_top">FHTW</a></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/wiko-family.php" target="_top">WiKo Family</a></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/downloads.php" target="_top">Downloads</a></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/kontakt.php" target="_top">Kontakt</a></li><li class=""><a href="http://localhost/wiko.fhtw-berlin.de/pages/links.php" target="_top">Links</a></li><li class="menu-last"><a href="http://localhost/wiko.fhtw-berlin.de/pages/hilfe.php" target="_top">Hilfe</a></li></ul></div>
Und so der relevante Teil meines Stylesheets:
#Huelle-Navi {
width: 220px;
height: auto;
margin-left: 20px;
float: left;
display: inline; /* The IE5/6 Doubled Float-Margin Bug */
background: #3e4d55;
color: #fff;
padding-bottom: 32768px; /*equal hight columns*/
margin-bottom: -32768px;
}
#Huelle-Navi ul {
margin: 0 20px 0 50px;
list-style: none;
}
#Huelle-Navi ul ul {
margin: 0 0 0 20px;
list-style: square;
}
#Huelle-Navi a {
display: block;
text-decoration: none;
text-align: right;
font-weight: bold;
color: #fff;
}
#Huelle-Navi ul a {
width: 150px;
padding-top: 10px;
background: url(Bilder/Liste.gif) no-repeat left center;
border-bottom: 1px dashed #667e8b;
font-size: 14px;
}
#Huelle-Navi ul a:hover {
color: #8cca42;
background: url(Bilder/Liste-over.gif) no-repeat left center;
}
#Huelle-Navi ul ul a {
width: 130px;
padding-top: 5px;
background: none;
border-bottom: none;
font-size: 12px;
}
#Huelle-Navi ul ul a:hover {
color: #8cca42;
background: none;
}
#Huelle-Navi ul ul a.menu-current {
color: #8cca42;
background: none;
}
-
Allerdings bekomme ich es partout nicht auf die Reihe, diese menu-parent und menu-current richtig einzusetzen.
Hallo,
du sagst es ja schon selbst: du musst nur die Angaben, die du für .menu-current gemacht hast, auch noch für das Eltern-Item, also .menu-parent, machen.
Wenn das nicht funktioniert, liegt es vielleicht an den ganzen ul's deiner Hülle-Navi-div. Ich bin zwar ein ziemlicher Anfänger sowohl bei WB als auch bei CSS, aber ich denke, du brauchst die verschiedenen ul-Ebenen nicht mehr gesondert erwähnen, wenn du show_menu2 benutzt. die Klasse .menu-current bspw. kennzeichnet ja genau das eine aktive menu-item, egal in welcher Ebene des Menus du dich befindest. Die Einträge für den aktuellen Menupunkt sollten demnach mit "#Huelle-Navi .menu-current a" zu machen sein.
Grüße, Mux
-
Danke für deine Antwort, das Problem konnte ich dann doch nooch lösen. hab ganz vergessen, hier bescheid zu geben :)
Trotzdem danke!
-
Wie hast du es denn gelöst ... ?
Würde mich interessieren ...
-
Hallo.
Ich rufe das Menü folgendermaßen auf:
<?php show_menu2(1,SM2_ROOT+1,SM2_CURR+1); ?>
-
Noch ne Frage, weil ich grad den generierten Quellcode meiner Seite angeschaut habe.
Es ergibt sich :
<li><span class="menu_current"><a href="...target="_top" class="menu_current"> Leistungen </a></span>
</li>
wenn in der Hauptnavi "Leistungen" angeklickt wurde. Soweit so gut. Das CSS funktioniert hierfür top.
Wähle ich aber einen Unterpunkt (z.B. "Prozessoptimierung"), dann bekommt dieser Punkt die Klasse menu_current, der Hauptnavi Punkt "Leistungen" aber NICHT die Klasse menu-parent und ist somit auch nicht mit CSS als aktiver Button formatierbar.
Ich verwende NICHT show_menu2 ... Liegt das eventuell daran ?
Oder wie bekomme ich nach Anklicken der Navigationsebene 2 den Status menu-parent auf den Button der Hauptnavi?
Grüße
Karsten
-
show_menu und show_menu2 unterscheiden sich schon. Vielleicht hilft dir die Seite weiter: http://help.WebsiteBaker.org/pages/de/advanced-doku/designer-guide/mehrere-menues.php
http://www.WebsiteBaker-cms.de/dokumentation/menue-struktur.html