Hallo iedereen,

ik heb volgende link in mijn css staan:

#menu a.menu {
float: left;
padding: 0 0 0 15px;
width: 165px;
color: #535353;
line-height: 25px;
text-decoration: none;
background: url(../images/vierkant_grijs.jpg) no-repeat left center;
border-bottom: 1px solid #E4E4E4;
}

#menu a.menu:hover {
color: #FC7215;
background: url(../images/vierkant_oranje.jpg) no-repeat left center;
}

en dit werkt perfect, maar nu zou ik willen dat als je op een link klikt, dat die zogezegd als actief staat.

niet met a.menu:active maar met javascript ofzo.

de bedoeling is dus als ge op een link klikt, dat de kleur van die link oranje wordt, en als ge dan op een andere link klikt dat die terug grijs wordt.. kan iemand mij hierbij helpen?

bedankt voor de reactie, maar ik denk dat je me verkeerd hebt begrepen. de mouseover van de link werkt.. maar het is de bedoeling dat als je dan op die link klikt, dat je ziet dat die link actief staat. dus bv dat die een pijltje voor de link krijgt ofzo. als voorbeeld misschien deze site : http://pixelpanic.be/pixelpanic/

als je daar op een link klikt in de header, krijgt die link een pijltje waardoor je kan zien dat die link eigenlijk actief staat.
Maak een aparte class aan: active. En geef deze de juiste eigenschappen mee.
Een link laat toch standaard een handje zien.


a:active{
   cursor:pointer; /* of een ander geval*/
   color:#56D;
}
ja ik maak bv deze class aan:

#menuactief {
color: #FC7215;
background: url(../images/vierkant_oranje.jpg) no-repeat left center;
}


maar hoe kan ik nu zorgen dat als ik op die link klik, dat de class #menuactief wordt gebruikt, en als ik dan terug op een andere link klik, dat die terug de default class zet?
a#menuactief:active{
/* je css */
}
a#menudeactief:active{

/* css code, de default*/
}
ja ok dat snap ik hoor...

maar ik bedoel hoe kan ik ervoor zorgen in mijn link dat die die klasse moet nemen?

dit is default... dus als je erover gaat met de muis werkt het gelijk ik wil. maar hoe kan ik nu zeggen dat die als class "menuactief" moet nemen als die actief is?

<a href="" class="menu">menu1</a>
Oh dat bedoelde je ik dacht dat dat wel duidelijk was.

class is voor .menuactief
id is voor #menuactief

<a href="#" id="menu">menu1</a>
Moet het nu dus zijn, zoals jij het nu doet.

Reageren