Problème menu déroulant - Forum CSS

Problème menu déroulant Menu déroulant excel » Conseils pratiques - Excel Comment faire un Menu déroulant dans excel ? [Résolu] (Résolu) » Forum - Excel Comment faire un menu déroulant en HTML? (Résolu) » Forum - HTML Créer une liste déroulante avec des couleurs » Forum - Bureautique Menu déroulant en CSS ou JavaScript ? [Résolu] (Résolu) » Forum - CSS

Bonsoir à tous, alors voilà j'ai réalisé un petit menu déroulant : lorsque l'on clique dessus 4 onglets apparaissent en-dessous, mais le problème c'est qu'il faut rester appuyé sur le menu pour voir les onglets en dessous, j'aimerais donc que lorsque l'on clique dessus le menu déroulant reste. Problème je ne sais pas comment faire. En espérant avoir été clair, merci d'avance.
Voici mon code html :


<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="ok.css" />
</head>
<body>
<ul id="menu-deroulant">
<li><a href="#">Menu</a>
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li><a href="infos.html">Infos</a></li>
<li><a href="cours.html">Cours</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</body>
</html>


Et css :


#menu-deroulant {
padding:0;
margin:0;
list-style:none;
text-align: center;
width: 180px;
}
#menu-deroulant ul {
padding:0;
margin:0;
list-style:none;
text-align: center;
}
#menu-deroulant li {
background-color:#729EBF;
background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
border-radius: 6px;
margin-bottom:2px;
box-shadow: 3px 3px 3px #999;
border:solid 1px #333A40
}
#menu-deroulant li li {
max-height:0;
border-radius:0;
background: #444;
box-shadow: none;
border:none;
margin:0
}
#menu-deroulant a {
display:block;
text-decoration: none;
color: #fff;
padding: 8px 0;
font-family: verdana, sans-serif;
font-size:1.2em
}
#menu-deroulant ul li a, #menu-deroulant li:active li a {
font-size:1em
}
#menu-deroulant li:active {
background: #729EBF
}
#menu-deroulant li li:active {
background: #999;
}
#menu-deroulant ul li:last-child {
border-radius: 0 0 6px 6px;
border:none;
}
#menu-deroulant li:active li {
max-height: 15em;
}

Forum

Problème menu déroulant Menu déroulant excel » Conseils pratiques - Excel Comment faire un Menu déroulant dans excel ? [Résolu] (Résolu) » Forum - Excel Comment faire un menu déroulant en HTML? (Résolu) » Forum - HTML Créer une liste déroulante avec des couleurs » Forum - Bureautique Menu déroulant en CSS ou JavaScript ? [Résolu] (Résolu) » Forum - CSS

Web: www.shapebootstrap.net

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed