CSS Lien Hover Survol

[Titivay75]

Bonjour à tous,

J'ai mon menu sur la droite de mon site. À l'ouverture la page d'accueil est sélectionnée par défaut. J'ai juste copié-collé dans le code CSS les propriétés que j'ai mis pour les autres dans les hover.

Ce que je voudrais c'est que quand je passe avec le curseur au-dessus de test2 (bouton "Activités") ce dernier se grise en fond et que le bouton "Accueil" ne soit plus grisé (Cf. Capture d'écran)

Il s'agit du bouton Accueil :

Code

#test
{
    margin-top: 162px;
    margin-left: 50px;
    z-index: 2;
    text-decoration: none;
    position: absolute;
    background-image: url('images/fluid_Bar.png');
    background-repeat: no-repeat;
}

Il s'agit du bouton Activités :

Code

#test2
{
    margin-top: 207px;
    margin-left: 50px;
    z-index: 2;
    text-decoration: none;
    position: absolute;
}

Quand on passe sur Activités :

Code

#test2:hover
{
    background-image: url('images/fluid_Bar.png');
    background-repeat: no-repeat;
    background-position: -10px;
}

Ce message a été modifié par Titivay75 - 23 Apr 2012, 15:37.

Fichier(s) joint(s)

 Capture_d_____cran_2012_04_23____16.26.16.png ( 91.16 Ko ) Nombre de téléchargements : 11

 

[Sgt.Pepper]

Vois le principe des portes coulissantes. Un exemple ici

[scoch]

@Sgt.Pepper l'exemple que tu lui indiques ne gère pas l'affichage de la rubrique active.

@Titivay75 pourquoi n'utilises-tu pas trois couleurs ?
- une pour les éléments par défaut
- une pour le survol
- une autre pour la rubrique active
Ce sera plus clair pour l'utilisateur il me semble.

[Titivay75]

Merci à tous les 2. Finalement j'ai changé l'apparence de mon site donc tout va bien