Css onclick ??

Bonjour,

J'ai crée un petit menu en css, chaque élément du menu est un fichier png.

Quand la souris n'est pas dessus, ça affiche le cadre haut et si je survole mon élément, ça affiche le cadre bas.

Jusque la, ça fonctionne correctement.

J'aimerais maintenant que lorsque je click sur un élément du menu, cela m'affiche ma page (ça fonctionne déjà aussi) mais que mon élément du menu affiche mon cadre du bas.

Est-ce réalisable ?

Ca ressemble à ça :

Mon code css

#navigation li a.accueil {
display: block ;
width:148px;
height:50px;
background:url('Images/accueil.png') left top no-repeat ; }

#navigation li a.accueil:hover{background: url('Images/accueil.png') bottom left no-repeat ;}

Merci

Si tu recharges toute la page, tu peux changer la class ou l'id du menu slectionné où tu lui indiques que tu veux le cadre du bas.

Sinon tu peux toujours modifier ça grâce à Jquery qui te permet de changer le css en dynamique.

Je suis pas sur d'avoir compris .

Si lors du clic sur un lien de ton menu ca t'amènes vers une autre page, suffit que sur la page cible, tu ai :

<ul>
<li class="current"a href="#"/a/li>
<lia href="#"/a/li>
<lia href="#"/a/li>
</ul>

#navigation li.current a.accueil{background: url('Images/accueil.png') bottom left no-repeat ;}

Merci, ça marche nickel