Problème avec :hover en CSS

BioK03 Messages postés 655 Date d'inscription   Statut Membre Dernière intervention   -  
BioK03 Messages postés 655 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous,

je code aujourd'hui un site web, et il m'arrive un problème...

Je voudrais afficher un <div> au passage de la souris sur un autre <div>, et j'ai trouvé quelques propositions sur le web ne fonctionnant malheureusement pas.


Code HTML :


<div id="contentNav">
<img id="menuIcone" src="img/menu/site-temp1.png">
</div>

<div id="menu">
<p> MENU </p>
</div>


et mon code CSS :

#menu {
display: none;
}

#contentNav {
background-color: #777777;
width:3%;
position: fixed;
height: 100%;
}

#contentNav:hover #menu {
display: block;
}



J'ai déjà vérifier, le menu est bien positionné sur la page quand on le réaffiche via le CSS, et mettre body à la place de #contenu fonctionne alors que là, rien.


Merci à tous

1 réponse

Réponse 1 / 1
BioK03 Messages postés 655 Date d'inscription   Statut Membre Dernière intervention   134
 
De plus, quand j'essaie avec un code différent :

#menu {
display: block;
}

#contentNav {
height: 3%;
background-color: #777777;
width: 100%;
position: fixed;

}

#contentNav:hover #menu{
display: none;
}

le menu ne disparait pas...
0