Problème menu déroulant - Forum CSS

A voir également:Problème menu déroulantMenu déroulant excel - Conseils pratiques - Excel Comment faire un Menu déroulant dans excel ? ✓ - Forum - Excel Excel menu deroulant avec saisie semi automatique - Conseils pratiques - Excel Menu déroulant html ✓ - Forum - HTML Excel menu déroulant en cascade - Conseils pratiques - Excel

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

A voir également:Problème menu déroulantMenu déroulant excel - Conseils pratiques - Excel Comment faire un Menu déroulant dans excel ? ✓ - Forum - Excel Excel menu deroulant avec saisie semi automatique - Conseils pratiques - Excel Menu déroulant html ✓ - Forum - HTML Excel menu déroulant en cascade - Conseils pratiques - Excel

Web: www.shapebootstrap.net

Leave a Replay

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