Menü

[yggdrasil]

Ich hab ein ganz normales Menü, und ein Untermenü auf das in einem Extra div erscheint. Jetzt hab ich zB bei M1 nen unterpunkt U1 und wenn ich auf M1 klicke, kommt U1 auf diesem Div. durch mein stylesheet ist der aktive punkt M1 jetzt rot orange gefärbt. WEnn ich jetzt aber auf U1 klicke, den unterpunkt von M1, geht diese Färbung wieder weg. Wie muss ich das machen??

Code:

/* OBERE HAUPTNAVIGATION ----------------------------------------------------------------------- */
#navigation_content li{float:left; display:block;}
#navigation_content li .menu_default a:link, .menu-sibling a:link {color:#fff;}
#navigation_content li .menu_default a:visited, .menu-sibling a:visited {color:#fff;}
#navigation_content li .menu_default a:active, .menu-sibling a:active {color:#000;}
#navigation_content li .menu_default a:hover,.menu-sibling a:hover  {color:#000; background-color:#FFFFFF;}
/* Aktuelle Seite */
#navigation_content li .menu_current a{color:#b23f3f;}
#navigation_content li .menu_current a:hover{color:#000; background-color:#FFFFFF;}

/* LINKS */
#navigation_content li a {
    text-decoration:none;
    float:left;
    height:61px;
    padding-left:10px;
    padding-right:10px;
    line-height:58px;
}
#navigation_content li .menu_current a, .menu-current a {
    height:61px;
    padding-left:10px;
    padding-right:10px;
    line-height:58px;
}
/* SUBNAVIGATION ------------------------------------------------------------------------------- */
#navigation2 ul {margin:0px auto;}
#navigation2 li {
    margin: 0px;
    padding: 0px; 
}
#navigation2 li{float:left; display:block;}
#navigation2 li .menu_default a:link, .menu-sibling a:link {color:#fff;}
#navigation2 li .menu_default a:visited, .menu-sibling a:visited {color:#fff;}
#navigation2 li .menu_default a:active, .menu-sibling a:active {color:#000;}
#navigation2 li .menu_default a:hover,.menu-sibling a:hover  {color:#fff; border-bottom:4px solid #b23f3f; height:24px; line-height:28px;}
/* Aktuelle Seite */
#navigation2 li .menu_current {}
#navigation2 li .menu_current a{color:#fff; border-bottom:4px solid #b23f3f; height:24px; line-height:28px;}
#navigation2 li .menu_current a:hover{color:#fff; border-bottom:4px solid #b23f3f; height:24px; line-height:28px;}

/* LINKS */
#navigation2 li a {
    text-decoration:none;
    float:left;
    height:28px;
    padding-left:10px;
    padding-right:10px;
    line-height:28px;
}
#navigation2 li .menu_current a, .menu-current a {
    height:24px;
    padding-left:10px;
    padding-right:10px;
    line-height:28px;
}

[mentor77]

Welchen Browser nutzt Du denn. Firefox hat z.B. mit CSS ein paar Probleme.

*edit* Die Hilfe auf de.selfhtml.org hast Du wahrscheinlich schon durchgelesen, oder?
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active

Viele Grüße
Torsten

[yggdrasil]

Das weiß ich schon alles^^ Das Problem ist nur, dass er, wenn ich auf einen Unterpunkt klicke, der Obermenüpunkt nicht mehr als aktiver Punkt gesehen wird, so als wäre der Unterpunkt ein nicht dazugehöriger extra Link...

Ich arbeite ja beim show_menu mit .menu_current und .menu_default und wenn ich auf den unterpunkt klicke, setzt er den Parent-MEnüpunkt auf default und nur den aktiven Unterpunkt auf current, will aber Ober und unterpunkt current haben

Gruß

[Danny]

Grüß dich,

ich hab exakt das gleiche Problem... hab schon probiert die include zu bearbeiten aber leider ohne recht großen Erfolge.. Der Überpunkt in der Navi wird mit "menu-expand" gekennzeichnet, wenn ich der Klasse die selbe wie der Current zuweise hab ich leider auch ohne aktiven Unterpunkt bzw. aktiven Menüpunkt immer den Link dann als aktiv hinterlegt.. es fehlt einfach noch ein zusatz wie menu-expand-open und menu-expand-close z. B.

vielleicht kennt einer ne Lösung.

vg,
Danny

€: Werds jetzt mal mit Numclass versuchen.

[yggdrasil]

Sag bescheid, sobald du eine Lösung findest^^

Gruß

[Danny]

Hi yggdrasil,

war mal wieder einfacher als man es sich gedacht hat.
Sobald man auf einen Untermenüpunkt aktiviert erhält oben das jeweilige Navi-Element die Class "menu-parrent", einfach diese in deine Stylesheets hinzufügen.

vg,
Danny