Vinzenz Mai: Aktiver Menupunkt dauerhaft farbig hinterlegen?

Beitrag lesen

Hallo,

ich habe ein Menu, in dem der Besucher sehen soll, wo er sich gerade befindet. Der Menu-Punkt soll dauerhaft in einer anderen Farbe unterlegt sein. So ähnlich wie mit "linksmenu a:active".
Dies wiederum funktioniert aber nur so lange, wie man die Maustaste drückt.

Hat jemand eine Idee? Ich tappe auf der Stelle ...

mit anderem HTML :-)

Dein Menü besteht aus einer Liste von Links, also zeichne sie als Liste aus.
Der "aktive" Menüpunkt ist die derzeit angezeigte Seite, in Deinem Beispiel ist das der erste Eintrag. Auf die derzeit angezeigte Seite sollte man sowieso nicht verlinken, also läßt Du dort ganz einfach das a-Element weg:

index.html

statt

<div id="linksmenu" align="left">
         <a href="index.html" title="Home">Home</a>
         <a href="./html/linkl.html" title="linkl.html">linkl.html</a>
         <a href="./html/link2.html" title="link2.html">link2.html</a>
         <a href="./html/link3.html" title="link3.html">link3.html</a>
         <a href="./html/link4.html" title="link4.html">link4.html</a>
       </div>

  
~~~html
<ul id="linksmenu">  
  <li>Home</li>  
  <li><a href="./html/linkl.html" title="linkl.html">linkl.html</a></li>  
  <li><a href="./html/link2.html" title="link2.html">link2.html</a></li>  
  <li><a href="./html/link3.html" title="link3.html">link3.html</a></li>  
  <li><a href="./html/link4.html" title="link4.html">link4.html</a></li>  
</ul>  

Dieses HTML mit CSS so zu stylen, dass es so aussieht, wie Du möchtest, bekommst Du bestimmt selbst hin.

Anmerkung: linksmenu ist keine besonders günstiger Wert für eine id. Vielleicht möchtest Du später das Menü rechts anzeigen ...

Freundliche Grüße

Vinzenz