Hauptnavigation mit mehreren Untermenüs (Hauptnavigation bleibt nicht aktiv)
Eingetragen von JohnyKrew (101)am 15.02.2012 - 19:16 Uhr in
Guten Abend
Letztes mal hatte ich eine Webseite erstellt bei der ich alle Menüpunkte in Primary-links hatte.
Da hatte ich auch ein wenig schwierigkeiten mit den aktiven Hauptpunkten, aber hat dann dank diesem Forum geklappt. Danke :)
Nun habe ich ein neues Projekt:
Hier habe ich ein Hauptnavigation
- Über mich
- Dienstleistungen
- Anwendungsbereiche
- FAQ
- Links
- Kontakt
Jetzt ist es aber so dass ich bei jeder Seite eine andere Unternavigation habe.
Habe ich ganz einfach mit den Blöcken aufgebaut hat auch prima funktioniert.
Nun aber wenn ich auf eine Unternavigation klicke ist der Hauptpunkt nicht mehr aktiv, was eigendlich nicht passieren sollte.
Jetzt weiss ich nicht wie ich diese aktiv bekomme. Wollte wissen ob man das einfach im CSS ändern kann (soviel ich gelesen habe nicht).
Oder ob es ein bestimmtes Modul dafür gibt?
Wäre euch dankbar bei meine Problem zu helfen.
- Anmelden oder Registrieren um Kommentare zu schreiben
Wenn du das Modul menu_block
am 16.02.2012 - 20:57 Uhr
Wenn du das Modul [do:menu_block] verwendest, bleiben dir die entsprechenden CSS Klassen auch auf den Oberpunkten erhalten, wenn du in einem Unterpunkt bist.
Wie hast du dir denn deine Menus aufgebaut ?
Hast du schon in FIrebug geschaut, ob die entsprechenden CSS-Klassen auf den Ober / Unterpunkten liegen ?
SteffenR
Vielen Dank für deine
am 16.02.2012 - 21:43 Uhr
Vielen Dank für deine schnelle Antwort. Das Modul habe ich installiert und hat bis jetzt noch nicht funktioniert.
Vileicht habe ich bei den Moduleinstellungen etwas falsch gemacht.
Habe jetzt einmal ein Menüblock zum testen erstellt. Aber dort passiert das selbe wie vorher.(Hauptpunkt bleibt nicht aktiv)
Hier ist noch der Code der Menüstruktur:
<ul class="links primary-links"><li class="menu-212 first">
<a title="" href="/zu_meiner_person">Über mich</a>
</li>
<li class="menu-632">
<li class="menu-594">
<li class="menu-597">
<li class="menu-598">
<li class="menu-233 last">
</ul>
</div>
<div id="bild">
<div id="main">
<div id="left">
<div id="sidebar-left" class="sidebar">
<div id="block-user-1" class="clear-block block block-user">
<div id="block-menu_block-1" class="clear-block block block-menu_block">
<div class="content">
<div class="menu-block-1 menu-name-menu-ueber-mich parent-mlid-0 menu-level-1">
<ul class="menu">
<li class="leaf first menu-mlid-634">
<li class="leaf menu-mlid-635 active active-trail">
<a class="active-trail active" title="" href="/berufliche_abschl%C3%BCsse">Berufliche Abschlüsse</a>
</li>
<li class="leaf last menu-mlid-636">
Hier ist der Code von der CSS Datei(Hauptnavigation)
ul.primary-links {margin: 45px 0 0 0;
}
ul.primary-links li {
float: left;
}
ul.primary-links a {
display: block;
padding: 12px 18px 6px 18px;
background: yellow;
color: #000;
font-size: 14px;
background: url(images/primarylinks.jpg) top;
}
ul.primary-links a:hover {
background: url(images/primarylinks.jpg) bottom;
}
ul.primary-links active-trail a.active, ul.primary-links active-trail a:hover { background:url(images/primarylinks.jpg) bottom;}
Ich hoffe du kannst mir dabei helfen. Das ist immer ne riesen Sache diese Menüs^^
Das Markup schaut wirklich
am 16.02.2012 - 23:30 Uhr
Das Markup schaut wirklich korrekt aus - da werden im HTML Listen geöffnet - aber nicht geschlossen - scheint mir nicht vollständig zu sein.
Wie hast du denn die Blöcke konfiguriert bzw. in deinem Layout verteilt ?
Kann man sich die Seite vlt. online anschauen ? So rein vom Quelltext her kann jetzt nicht viel sagen, da hier wesentliche Teile fehlen. .
SteffenR
Das wird schon geschlossen
am 17.02.2012 - 13:02 Uhr
Das wird schon geschlossen habe einfach nicht den vollständigen Code nach unten eingefügt.
Also die Hauptpunkte liegen über dem Header(horizontal).
Die Untermenüs liegen unter dem Header. Links in einem Block.
left = Untermenüs
primary-links = Hauptlinks
Ich hoffe das hilft dir weiter?