Beste,
Ik wil dat als ik op de Contact pagina zit, de tekst Contact bruin is met het pijltje eronder, net als de hover alleen dat hij dan blijft staan.
Ik heb het al geprobeerd met active maar dat lukte niet hier het stukje css voor de links:

ul#topmenu li {
display : inline;
font-weight : bold;
height : 20px;
padding : 3px 0 0 0;
}
ul#topmenu li a {
color : #fff;
text-decoration : none;
padding : 0 15px 2px 15px;
}
ul#topmenu li a:hover {
background : url('images/topmenu-hover.jpg') no-repeat center bottom;
color : #90734d;
}

Alvast bedankt!

Met vriendelijke groet,
Ronnie Koestering
http://www.ronniekoestering.nl/

Bekijk dit eens (wel Engels): http://www.websiteoptimization.com/speed/tweak/current/

de li in de html een class meegeven met de naam: select

Vervolgens zet je dit in de css omder de css die je al had:

li .select {
background : url('images/topmenu-hover.jpg') no-repeat center bottom;
color : #90734d;
}

Bij elke pagina moet je dus class="select" toevoegen onder de juiste link (li).
In contact.html moet je bijvoorbeeld <li>Contact</li> veranderen in <li class="select">Contact</li>

Beste Gijsbert,

Bedankt, met de kleur is het gelukt, met het tekentje helaas niet :(
Ook komt About Me nu dichter bij Home dan normaal, voorbeeld:
http://ronniekoestering.nl/index.html

Met vriendelijke groet,
Ronnie Koestering
http://www.ronniekoestering.nl/

Origineel gepost door gast2960

de li in de html een class meegeven met de naam: select

Vervolgens zet je dit in de css omder de css die je al had:



Bij elke pagina moet je dus class="select" toevoegen onder de juiste link (li).
In contact.html moet je bijvoorbeeld <li>Contact</li> veranderen in <li class="select">Contact</li>

Heeft iemand nog een idee?

Tis al gelukt :)