Masquage/Apparition d'un menu de boutons au passage de la souris
Résolu
SM05
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
SM05 Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
SM05 Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
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.
A voir également:
- Masquage/Apparition d'un menu de boutons au passage de la souris
- Quelle touche pour débloquer la souris ? - Guide
- Menu déroulant excel - Guide
- Passage qwerty azerty - Guide
- A quoi servent les boutons de couleur sur une telecommande - Guide
- Comment réinitialiser un téléphone avec les boutons - Guide
3 réponses
Bonjour
je suppose que ton UL étant déjà masquer le hover ne s'applique pas dessus mais sur son parent.
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 :
Mais sans succès...
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:
Css:
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;
}