Version imprimable du sujet

Cliquez ici pour voir ce sujet dans son format original

Forums MacBidouille _ Les Langages Du Web _ CSS Lien Hover Survol

Écrit par : Titivay75 23 Apr 2012, 15:30

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;
}


 

Écrit par : Sgt.Pepper 23 Apr 2012, 22:30

Vois le principe des portes coulissantes. http://peutetreunereponse.over-blog.com/article-5879325.html

Écrit par : scoch 27 Apr 2012, 14:43

@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.

Écrit par : Titivay75 27 Apr 2012, 21:31

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

Propulsé par Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)