Hallo,
ich habe Probleme mit der Definition .trail in einer Navigation, die soll ja angeblich einen übergeordneten Menüpunkt ansprechen und anders formatieren können. Dies funktioniert aber nicht, wenn man von einem übergeordneten Level eine interne Weiterleitung schaltet, um sich eine Art "Verteilerseite" zu sparen.
Live-Beispiel auf meiner Seite www.sender-zitrone.de:
im Menü werden alle Seiten vom Level 1 angezeigt, klickt man auf eine der Rubriken, wird intern auf die erste Seite vom Level 2 weitergeleitet. Das Problem: beide sind nun braun hervorgehoben, Level 1 sollte aber nicht mehr markiert sein. Ich habe testweise ein .trail in weiß gesetzt, aber das wird erst wirksam, wenn man weitere Level 2-Punkte anklickt.
Wie bekommt man das "entkettet"?
Hier alle CSS fürs Menü:
ich habe Probleme mit der Definition .trail in einer Navigation, die soll ja angeblich einen übergeordneten Menüpunkt ansprechen und anders formatieren können. Dies funktioniert aber nicht, wenn man von einem übergeordneten Level eine interne Weiterleitung schaltet, um sich eine Art "Verteilerseite" zu sparen.
Live-Beispiel auf meiner Seite www.sender-zitrone.de:
im Menü werden alle Seiten vom Level 1 angezeigt, klickt man auf eine der Rubriken, wird intern auf die erste Seite vom Level 2 weitergeleitet. Das Problem: beide sind nun braun hervorgehoben, Level 1 sollte aber nicht mehr markiert sein. Ich habe testweise ein .trail in weiß gesetzt, aber das wird erst wirksam, wenn man weitere Level 2-Punkte anklickt.

Wie bekommt man das "entkettet"?
Hier alle CSS fürs Menü:
Code:
#left .mod_navigation
{
margin:0;
border-bottom:1px solid #775136;
font-family:Cambria, Georgia, Times New Roman, Times, serif;
font-size:20px;
border-left:0px solid #775136;
background: none;
}
#left .mod_navigation ul
{
margin:0;
list-style: none;
}
#left .mod_navigation ul.level_0
{
margin:8px 30px 10px 10px;
border-bottom:1px solid #775136;
border-collapse:collapse;
}
#left .mod_navigation ul.level_1
{
border-top:1px solid #775136;
border-collapse:collapse;
font-weight:bold;
text-indent:10px;
}
#left .mod_navigation ul.level_2
{
padding-left:15px;
border-top:1px solid #775136;
border-collapse:collapse;
}
#left .mod_navigation li
{
border-bottom:1px solid #775136;
border-collapse:collapse;
color:#ff0000;
}
#left .mod_navigation li.last
{
border:0px;
}
#left .mod_navigation a
{
display:block;
margin:0;
padding-top:2px;
padding-bottom:4px;
}
#left .mod_navigation span
{
display:block;
padding-top:2px;
padding-bottom:4px;
background-color:#775136;
font-weight:bold;
text-decoration:none;
color:#faf9de;
}
#left .mod_navigation a:link,
#left .mod_navigation a:visited
{
text-decoration:none;
color:#365c40;
}
#left .mod_navigation a:hover,
#left .mod_navigation a:focus,
#left .mod_navigation a:active
{
background-color:#E8CF7C;
text-decoration:none;
color:#543926;
}
#left .mod_navigation .trail a
{
background-color:#ffffff;
text-decoration:none;
color:#543926;
}


Kommentar