hannes: Unternavigationsmenu sollte bei aktiver Seite offen bleiben

SELF-Forum

Unternavigationsmenu sollte bei aktiver Seite offen bleiben

hannes
– Informationen zu den Bewertungsregeln

Ich habe ein vertikales Navigationsmenu mit Untermenus. Bei a:hover klappt das Untermenu wie gewünscht auf.
Aber: es klappt sofort wieder zu, wenn die Seite geöffnet ist (und der Mauszeiger anderswo ist).
Ich möchte, dass die aufgesuchte Seite des Untermenus angezeigt wird (das Untermenu aufgeklappt bleibt), wenn die Seite aktiv ist.
Kann mir da jemand helfen?

Der zugehörige style-code:

  
ul#mainnav {  
 float:left;  
 width:170px; height:250px;  
 margin: 0 0 0 0;  
 padding: 0;  
 text-align:right;  
 font-size:20px;  
 font-family:Perpetua;  
 border:0px solid red;  
}  
ul#mainnav li {  
 list-style: none;  
 margin: 0; padding: 2px 0;  
}  
ul#mainnav li ul {  
 margin: 0; padding: 0;  
 text-align:right;  
 font-size:16px;  
 font-family:Perpetua;  
 letter-spacing:0px;  
}  
ul#mainnav li ul li {  
 margin: 0; padding: 1px 0;  
}  
ul#mainnav a {  
 display: block;  
 padding: 0;  
 text-decoration:none;  
}  
ul#mainnav span {  
 display: block;  
 padding: 0;  
 text-decoration:none;  
 background-color:#f1f2f3;  
 color: #727980;  
}  
  
ul#mainnav a:link {  
 color: #b8876f;  
}  
ul#mainnav a:visited {  
 color: #b8876f;  
}  
ul#mainnav a:hover {  
 color: #727980;  
}  
ul#mainnav a:active {  
 color: #b8876f;  
}  
/* Erweiterung zur dynamischen Ein-/Ausblendung */  
ul#mainnav li>ul {  
 display: none;  
}  
ul#mainnav li:hover>ul, ul#mainnav li>a#aktuell+ul, ul#mainnav li>span#aktuell+ul {  
 display: block;  
}  
  
/* Workaround fuer den IE 7 */  
*:first-child+html ul#mainnav ul {  
 padding-bottom:0.3em;  
}  
*:first-child+html ul#mainnav li:hover>ul, ul#mainnav li>a#aktuell+ul, ul#mainnav li>span#aktuell+ul {  
 display: block;  
}

Der zugehörige html-code:

  
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'  
    'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>  
<html xmlns='http://www.w3.org/1999/xhtml'>  
<head>  
...  
<link href='../nav_menu/navig_style.css' rel='stylesheet' type='text/css' />  
<link href='style.css' rel='stylesheet' type='text/css' media='screen' />  
</head>  
  
<body>  
  
<div id='container'>  
  
  <div id='header'>  
 ...  
  </div><!-- eof header -->  
  
  <div id='left'>  
  <ul id='mainnav'>  
   <li><a href='aktuelles.php'>_nbsp;Aktuelles</a></li>  
   <li><a href='gartenbau.php'>_&nbsp;Gartenbau</a>  
     <ul>  
   <li><span>Um&auml;nderungen&nbsp;_</span></li>  
    <li><a href='materialien.php'>Materialien&nbsp;_</a></li>  
    <li><a href='ausfuehrung.php'>Auftrag&nbsp;und&nbsp;Ausf&uuml;hrung&nbsp;_</a></li>  
     </ul>  
   </li>  
   <li><a href='ausstellungen.php'>Ausstellungen</a></li>  
   <li><a href=''>Kurse</a></li>  
   <li><a href='mich.php'>&uuml;ber mich</a></li>  
   <li><a href='kontakt.php'>Kontakt</a></li>  
  </ul>  
  </div><!-- eof left -->  
  
  <div id='content'>  
 ...  
  </div><!-- eof content -->  
  
  <div id='footer'>  
 ...  
  </div><!-- eof footer -->  
  
</div><!-- eof container -->  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Unternavigationsmenu sollte bei aktiver Seite offen bleiben

    hannes
    – Informationen zu den Bewertungsregeln

    Es ist mir peinlich. Ich habe den Fehler gefunden (vergessen id=aktuell zu definieren).
    (Kann man das ganze posting löschen?)

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln