hallo ik wil een active css link maken maar ik kom er niet echt ui
als je met de muis er over heen gaat dan doet die het wel
maar als je op de link klikt in de menu dat die gene op die pagina zit
dat die balke blijft staan maar dat lukt me niet echt.

moet ik dan ook iets met java doen ?


dit is mijn menu

<div class="menuBox">
<ul>
<li><a href="?pagina=home"><span>Homepagina</span></a></li>
<li class="selected"><a href="?pagina=nieuws"><span>Nieuws</span></a></li>
<li><a href="?pagina=forum"><span>Forum</span></a></li>
<li><a href="?pagina=contact"><span>Contact</span></a></li>
<li><a href="#"><span>Updates</span></a></li>
<li><a href="#"><span>Adverteren</span></a></li>
</ul>

</div>


en dit is miijn css

.menuBox {
width: 1038px;
height: 56px;
position: absolute;
left: 4px;
bottom: 3px;
overflow: hidden;
background: url('../images/menu.jpg') left top no-repeat;
}
.menuBox ul {
padding: 11px; l
ist-style: none;
}
.menuBox li {
padding-right: 1px;
float: left;
}
.menuBox a {
padding-left: 7px;
font-size: 12px;
font-weight: bold; color: #fff;
line-height: 34px;
text-decoration: none;
display: block;
}
.menuBox span {
padding: 0 16px 0 9px;
cursor: pointer;
display: block;
}
.menuBox a:hover, .menuBox li.selected a {
background: url('../images/menu-left.jpg') left center no- repeat;
}
.menuBox a:hover span, .menuBox li.selected a span {
background: url('../images/menu-right.jpg') right center no-repeat;
}

met css kun je alleen met :active een style geven als je er op klikt (dus als je je muis ingedrukt hebt). Wanneer je hem wilt laten staan moet je javascript/jquery gebruiken.

ow okee,
en hoe moet ik dat doen?
want heb al wel op google gekeken maar kom er niet echt uit
Aanvullend bericht:
kan iemand meschien ijn hierbij helpen?


Grooete richard

Iets als dit:

Code:

HTML: 
<a class="clickable">Nieuws</a>

jQuery:
$(function() {                       //Uitvoeren zodra de DOM klaar is
  $(".clickabe").click(function() {  //Gebruik de class
    $(this).addClass("active");      //Voegt de class '.active' toe aan de link
  });
});

Hierbij moet je dus in de css de class .active toevoegen en daar style aan hangen.