Masquage/Apparition d'un menu de boutons au passage de la souris
Résolu
SM05
Messages postés
10
Statut
Membre
-
SM05 Messages postés 10 Statut Membre -
SM05 Messages postés 10 Statut Membre -
Bonjour, Je souhaite faire apparaitre un menu de boutons au passage de la souris. J'arrive bien à faire le masquage avec un display:none mais impossible de faire réapparaitre le bouton au passage de la souris.
Code HTML :
CSS :
Merci.
Code HTML :
<div class="cadre">
<h4>Menu</h4>
<ul>
<form action="page.php" method="POST" >
<input type="hidden" name="choix_accueil" value="valeur_a_envoyer">
<input type="submit" name="Valider" value="Nom_bouton" class="bouton">
</form>
</ul>
</div>
CSS :
.element_menu ul
{
display:none;
}
.element_menu ul:hover
{
display:block;
}
Merci.
3 réponses
-
Bonjour
je suppose que ton UL étant déjà masquer le hover ne s'applique pas dessus mais sur son parent.
-
Probablement.
J'ai essayé plusieurs choses du genre :.element_menu h4:hover > .element_menu ul:hover { display:block; }
Mais sans succès... -
Voici une solution sans JS :
HTML:
<div class="cadre">
<div class="over">
<h4>Menu1</h4>
<form action="page.php" method="POST">
<input type="hidden" name="choix_accueil" value="valeur_a_envoyer1">
<input type="submit" name="Valider" value="Nom_bouton" class="bouton">
</form>
<form action="page.php" method="POST">
<input type="hidden" name="choix_accueil" value="valeur_a_envoyer2">
<input type="submit" name="Valider" value="Nom_bouton" class="bouton">
</form>
</div>
<div class="over">
<h4>Menu2</h4>
<form action="page.php" method="POST">
<input type="hidden" name="choix_accueil" value="valeur_a_envoyer3">
<input type="submit" name="Valider" value="Nom_bouton" class="bouton">
</form>
</div>
</div>
Css:
.over form {
display: none;
}
.over:hover form {
display: block;
}
