--- title: "Aktiv-Status bei Hauptmenü" url: "https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue" source: "typo3.net" tags: ["TYPO3","Menüs","Frage"] created: "2006-06-22" last_reply: "2006-06-23" replies: 9 solved: false page: 1 pages: 1 lang: "de" --- # Aktiv-Status bei Hauptmenü TYPO3 › Menüs · 9 Antworten · gestartet 2006-06-22 ## Eröffnungsbeitrag **housegemacht** · 2006-06-22 · [Beitrag #1](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/1) Hallo alle zusammen, ich habe folgende Struktur in meinem Menü: Ein horizontales Hauptmenü, das alle Seiten der ersten Ebene (Oberpunkte) anzeigt und ein veritkales Menü, welches mir bei angeklicktem Oberpunkt die jeweiligen Unterpunkte (Unterseiten des jeweiligen Oberpunktes) der betreffenden Seite anzeigt. Nun habe ich folgendes Problem: Ich hätte gerne, dass wenn ich im horizontalen Hauptmenü einen Punkt anklicke und das Untermenü aufspringt, dieser Punkt optisch in der Navigation trotzdem "aktiv" bleibt, d.h. farblich von den nicht angeklickten hervorgehoben. Bisher ist es so, dass das Untermenü aufspringt, ich aber dann als User nicht mehr erkennen kann, zu welchem Hauptpunkt aus der horizontalen Navigation dieses Untermenü gehört, da dieser nach dem anklicken sofort wieder in den Ursprungsstatus zurückspringt. Ich hoffe, ich haben mich einigermaßen verständlich ausgedrückt und hoffe, dass mir jemand von euch hier weiterhelfen kann... Liebe Grüße Housegemacht ## Antworten ### [#2](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/2) · just2b · 2006-06-22 neben den zuständen wie ACT/NO gibts auch ACTIFSUB, der trifft dann bei dir zu georg ### [#3](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/3) · housegemacht · 2006-06-22 Ersmal vielen Dank für die superschnell Antwort!!! Wo muss ich das denn dann einfügen? Bin da noch nicht so der Profi, sorry :o( Ist es bei ACTIFSUB nicht so, dass man damit die Eigenschaften definiert, die nur das Untermenü betreffen? Also quasi "mache dies, wenn es sich um ein Untermenü handelt"? Ich will aber den Status des Obermenüs beibehalten, obwohl im Untermenü dieses Oberpunktes hin und her navigiert wird. Oder verstehe ich da was falsch?! Hier mal mein TS-Code von den beiden Menüs: ```typoscript subparts.TOPNAV = HMENU #subparts.TOPNAV.special = directory subparts.TOPNAV.special.value = 2,9,10,11,12,13,14,15 subparts.TOPNAV.special = list #subparts.TOPNAV.excludeUidList = subparts.TOPNAV { wrap = entryLevel = 0 1 = TMENU 1 { expAll=1 noBlur = 0 wrap = NO { wrapItemAndSub =
  • |
    • } } 2 = TMENU 2 { expAll=1 noBlur = 1 wrap = NO { wrapItemAndSub =
  • |
    • } } 3 = TMENU 3 { expAll=1 noBlur = 1 wrap = NO { wrapItemAndSub =
  • |
    • } } 4 = TMENU 4 { expAll=1 noBlur = 1 wrap = NO { wrapItemAndSub =
  • |
    • } } } # Vertical Navigation ####################################### subparts.VERTNAV = HMENU subparts.VERTNAV.1 = TMENU #subparts.VERTNAV.special = directory #subparts.VERTNAV.special = list #subparts.VERTNAV.special.value = 1 #subparts.VERTNAV.excludeUidList = 1,3,4,6,7,9,10,12,13 subparts.VERTNAV.entryLevel = 1 subparts.VERTNAV.1 { # Normal state properties ####################################### NO.allWrap =
    |
    # Enable active state and set properties: ####################################### ACT = 1 ACT.allWrap =
    |
    } # Second level menu-object ####################################### subparts.VERTNAV.2 = TMENU subparts.VERTNAV.2 { # Normal state properties ####################################### NO.allWrap =
    |
    # Enable active state and set properties: ####################################### ACT = 1 noBlur = 1 ACT.allWrap =
    |
    } # Third level menu-object ####################################### subparts.VERTNAV.3 = TMENU subparts.VERTNAV.3 { # Normal state properties ####################################### NO.allWrap =
    |
    # Enable active state and set properties: ####################################### ACT = 1 noBlur = 1 ACT.allWrap =
    |
    } # Fourth level menu-object ####################################### subparts.VERTNAV.4 = TMENU subparts.VERTNAV.4 { # Normal state properties ####################################### NO.allWrap =
    |
    # Enable active state and set properties: ####################################### ACT = 1 noBlur = 1 ACT.allWrap =
    |
    } ``` ### [#4](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/4) · just2b · 2006-06-22 nö ;) IFSUB = wenn die Seite subseite hat ACTIGSUB = wenn die Seite ne subseite hat die aktiv ist also genau das was du suchst und man definiert mit den zuständen immer die menüebene wo man das geradehinschreibt, also zB bei marks.MENU.1.ACTIFSUB wenn die 1. ebene subseiten+aktiv hat... und gelten tut das dann natürlich für die 1. ebene georg ### [#5](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/5) · housegemacht · 2006-06-22 Entschuldige bitte, wenn ich nochmal nerven muss, aber könntest du mir den Einbau der ACTIFSUB-Funktion evtl. anhand meines TS-Codes zeigen. Ich bin ehrlichgesagt nicht sooo der TS-Profi, daher weiß ich nicht, an welcher stelle ich was einfügen muss. Wäre dir echt sehr dankbar! :) ### [#6](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/6) · just2b · 2006-06-22 ich versteh nicht warum du bei der TOPNAV 3 ebenen definiert hast aber egal, so ca subparts.TOPNAV.1 => ACTIFSUB = 1 ACTIFSUB.wrapItemAndSub =
  • |
    • georg ### [#7](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/7) · housegemacht · 2006-06-23 So, jetzt hab ich es immerhin geschafft, dass er auf die ACTIFSUB-Funktion reagiert. Schonmal danke für die Hilfe :) Allerdings "zerschießt" er mir mein gesamtes Menü, da ich anscheinend bei der CSS-Klasse etwas falsch mache:( Könnte mir vielleicht jemand einen Tipp geben, wie ich die CSS-Klasse definieren muss, dass sich z.B. lediglich der Hintergrund des aktiven Oberpunktes des Hauptmenüs in dunkelblau verfärbt? Hier mal mein Menü-CSS (ohne die falsche CSS-Klasse von mir): ```html #menu { display: block; width: 900px; position: relative; top:119px; left:103px; } #menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; } #menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; } #menu a { display: block; } #menu li li { width: 100%; } #menu li li ul { top: 0; left: 0; } /*...and then place it where it should be when shown */ #menu li li:hover ul { left: 100%; } /* initialy hide all sub menus */ #menu li ul { display: none; position: absolute; z-index: 20; }*/ /* display them on hover */ /menu li:hover ul { display: block; } /* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */ #menuList:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } #menu { color: #FFFFFF; } #menu li:hover { color: #FFFFFF; } #menu a { font-weight: bold; text-align: center; color: #FFFFFF; padding: 3px 10px 4px; margin: 3px 10px 4px; background-color: #0066CC; margin: 0 -1px; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } #menu li:hover a { color: #FFFFFF; background-color: #003399; padding: 3px 10px 12px; margin: 3px 10px 12px; margin: 0 -1px; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } #menu-act li:hover a { color: #FFFFFF; background-color: #000000; padding: 3px 10px 12px; margin: 3px 10px 12px; margin: 0 -1px; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } #menu li ul { color: #000000; background-color: #000000; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; width: 130px; } #menu li ul a { text-align: left; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } ``` ### [#8](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/8) · just2b · 2006-06-23 ein link wär nicht schlecht, so kann man nicht helfen, weiß auch nicht welche klassen du wann einbindest usw. generell: kopier alles von NO auf ACTIFSUB und änder eine css-klasse und dann im CSS kopierst du alles was du vorher für NO gebraucht hast auf die neue klasse und änderst das was du brauchst georg ### [#9](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/9) · housegemacht · 2006-06-23 Leider handelt es sich um einen Intranetauftritt, daher ist das mit dem Zugang nicht möglich, sorry. In meinem Menü ist dem NO-Bereich kein Css zugewiesen, sondern nur ein wrap, daher klappt das mit dem kopieren der Klasse in meinem Fall wohl eher nicht! :( Muss ich evtl etwas mit der id "menu" machen? Ich hoffe, ich nerve nicht zu sehr, aber ich bin noch relativ ne in der Materie... #paralyzed# Hier nochmal mein TS vom horizontalen Menü, vielleicht erkennst du ja doch die entscheidende Stelle: ```typoscript subparts.TOPNAV = HMENU #subparts.TOPNAV.special = directory subparts.TOPNAV.special.value = 3,4,6,7,9,10,12,13 #subparts.TOPNAV.special = list #subparts.TOPNAV.excludeUidList = subparts.TOPNAV { wrap = entryLevel = 0 1 = TMENU 1 { expAll=1 noBlur = 1 wrap = ACTIFSUB = 1 ACTIFSUB.wrapItemAndSub =
  • |
    • NO { wrapItemAndSub =
  • |
    • } } } ``` ### [#10](https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue/10) · just2b · 2006-06-23 schreib mal das NO über das ACTIFSUB, nun wenn du das CSS von früher hernimmst dann dürfte sich ja nichts geändert haben, denn du sprichst das class="???" nicht an. jetzt musst du da nur noch eine sinnvolle class definieren, zb "actifsub" oder was auch immer und dann das einfach per css stylen georg --- Quelle: „Aktiv-Status bei Hauptmenü“, typo3.net, https://www.typo3.net/d/45186-aktiv-status-bei-hauptmenue Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.