CSS background (image)

Door Onbekende gebruiker op 16-12-2009 13:56

1.010 views

Een vraagje waar ik al langere tijd tegen aan loop. Hopelijk weet iemand hier een goede alternatieve oplossing.

Ik heb een html menu:


<ul>
	<li><a href="/home">Home</a></li>
	<li><a href="/info">Info</a></li>
	<li><a href="/contact">Contact</a></li>
</ul>

Hierbij heb ik de volgende CSS code:


ul > li {
	background:url('normal.gif');
}

ul > li:hover  {
	background:url('hover.gif');
}

Nou wil ik als een link geactiveerd is, als background op het li element active.gif.


ul > li:active {
	background:url(active.gif');
}

Werkt in dit geval natuurlijk niet. Maar wat wel? :) iemand een oplossing?

Tamara

16-12-2009 14:06

een class active ipv wat je nu hebt.

Onbekende gebruiker

16-12-2009 14:08

Dan moet ik het menu samenstellen doormiddel van een serverside techniek of dit toekennen doormiddel van javascript. Dit wil ik eigenlijk niet, ik wil het volledig met CSS doen.

Robert Deiman

16-12-2009 14:09

@Pascal
Wat bedoel je met active? De eigenlijke betekenis is ong. gelijk aan de "onclick".. dan is de link actief.

Als je bedoeld dat je op de pagina zelf bent, dan moet je zelf een class of id aanmaken voor de li die actief is. Dat kan je op allerlei verschillende manieren doen.

Oké ik lees net hierboven dat het dus inderdaad om het "aanwezig zijn op de pagina" gaat. Dat gaat dus niet alleen met css, helaas.

Onbekende gebruiker

16-12-2009 14:12

Daar was ik al bang voor. Helaas, bedankt voor de bevestiging.

Reageren

Inloggen om te reageren