OhneName: aktive seite

Beitrag lesen

Hallo,

ich nehme im folgenden an, dass du mit "aktiv" den Link auf die aktuelle Seite meinst. Solltest du mit "aktiv" den Link meinen, der gerade von der Maus angeklickt wird, solltest du dir die Pseudoklasse :active ansehen.

Deine Lösung funktioniert nicht, weil jedes Element nur EINE id hat und diese dokumentweit eindeutig sein muss.

Besser:

<ul id="navigation">  
  <li class="aktiv"><a href="index.html">Home</a></li>  
  <li><a href="index2.html">Home 2</a></li>  
</ul>

Das <div> außenrum ist überfüssig. Manche Leute meinen auch, dass man die aktuelle Seite nicht verlinken sollte, aber das soll hier nicht stören. Warum du jedem Link eine eigene id geben willst versteh ich nicht, eigentlich kann man jedes Element bequem mit dem Nachfahrenselektor erreichen.

#navigation .aktiv {  
  font-weight: bold;  
  color: #FFFFFF;  
}

Selektiert das Element mit der Klasse "aktiv", das sich innerhalb eines Elements mit der id "navigation" befindet.

Gruss,
OhneName