Hallo,
ich habe probleme mit folgendem css menü:
css:
und zwar bekomm ich es einfach nicht hin, dass der menü punkt bei aktiver seite weiß wird. Wenn ich meine Startseite aufrufe ist der zugehörige Menüpunkt weiß, leider bleibt er es aber wenn ich eine andere Seite aufrufe?!
Wo liegt der Fehler? :-(
lg
ich habe probleme mit folgendem css menü:
Code:
<nav id="topNav">
<ul>
<li><a href=".www.STARTSEITE.de" class="currentpage">Home</a></li>
<li><a href="#" title="Nav Link 1">Nav Link 2</a>
<ul>
<li><a href="#" title="Sub Nav Link 1">Sub Nav Link 1</a></li>
<li><a href="#" title="Sub Nav Link 2">Sub Nav Link 2</a></li>
<li><a href="#" title="Sub Nav Link 3">Sub Nav Link 3</a></li>
<li><a href="#" title="Sub Nav Link 4">Sub Nav Link 4</a></li>
<li class="last"><a href="#" title="Sub Nav Link 5">Sub Nav Link 5</a></li>
</ul>
</li>
<li><a href="#" title="Nav Link 1">Nav Link 3</a></li>
<li><a href="#" title="Nav Link 1">Nav Link 4</a></li>
<li class="last"><a href="#" title="Nav Link 1">Nav Link 5</a></li>
</ul>
</nav>
css:
Code:
/* base nav styles */
nav { display:block; margin:0 auto 20px; border:1px solid #222; position:relative; background-color:#6a6a6a; font:16px Tahoma, Sans-serif; }
nav ul { padding:0; margin:0; }
nav li { position:relative; float:left; list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a { display:block; padding:10px 20px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }
nav li a.current { color:white; }
nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul { display:none; width:100%; position:absolute; left:0; background:#6a6a6a; }
nav ul ul li { float:none; }
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }
nav ul ul a:hover { background-color:#555; }
nav ul ul { background-color:#555; }
nav ul li a.currentpage { color:white; }
und zwar bekomm ich es einfach nicht hin, dass der menü punkt bei aktiver seite weiß wird. Wenn ich meine Startseite aufrufe ist der zugehörige Menüpunkt weiß, leider bleibt er es aber wenn ich eine andere Seite aufrufe?!
Wo liegt der Fehler? :-(
lg