IPB

Bienvenue invité ( Connexion | Inscription )

> CSS Lien Hover Survol
Options
Titivay75
posté 23 Apr 2012, 15:30
Message #1


Nouveau Membre


Groupe : Membres
Messages : 35
Inscrit : 4 Apr 2012
Membre no 175 725



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)
Fichier joint  Capture_d_____cran_2012_04_23____16.26.16.png ( 91.16 Ko ) Nombre de téléchargements : 11
 
Go to the top of the page
 
+Quote Post
 
Start new topic
Réponse(s)
Sgt.Pepper
posté 23 Apr 2012, 22:30
Message #2


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 3 606
Inscrit : 10 Feb 2011
Membre no 164 526



Vois le principe des portes coulissantes. Un exemple ici
Go to the top of the page
 
+Quote Post

Les messages de ce sujet


Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



Nous sommes le : 29th March 2024 - 08:35