Css onclick ??

Discussion dans 'Web, design' créé par Mopral, 5 Octobre 2009.

  1. Offline
    Mopral Touriste
    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 :)
    Mopral, 5 Octobre 2009
    #1
  2. Offline
    tqz_ Elite
    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.
    tqz_, 5 Octobre 2009
    #2
  3. Offline
    PiaFlalCoOl NiuAge
    Je suis pas sur d'avoir compris :p.

    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":colere:a href="#":colere:/a:colere:/li>
    <li:colere:a href="#":colere:/a:colere:/li>
    <li:colere:a href="#":colere:/a:colere:/li>
    </ul>

    #navigation li.current a.accueil{background: url('Images/accueil.png') bottom left no-repeat ;}
    PiaFlalCoOl, 6 Octobre 2009
    #3
  4. Offline
    Mopral Touriste
    Merci, ça marche nickel :)
    Mopral, 6 Octobre 2009
    #4