Sous Menu
Résolu
vitil
-
vitil -
vitil -
Bonjour,
J'aimerais savoir comment faire des sous menus en html en gros j'aimerais que lorsque je clique sur la partie document en dessous du menu il y 'est des sous menu seulement pour cette page.
Merci d'avance.
J'aimerais savoir comment faire des sous menus en html en gros j'aimerais que lorsque je clique sur la partie document en dessous du menu il y 'est des sous menu seulement pour cette page.
Merci d'avance.
A voir également:
- Sous Menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
3 réponses
Bonjour,
Merci pour votre réponse je suis limiter au html, javascript.
Le site est statique il n'y a aucune animations.
Merci pour votre réponse je suis limiter au html, javascript.
Le site est statique il n'y a aucune animations.
Peso, je ne vois que javascript :
<script type="text/javascript">
function sousmenu(){
document.getElementById("sous-menu").innerHTML = '<a href="#">teste</a> <a href="#">teste1</a>';
}
</script>
<body onload="sousmenu();">
<div id="sous-menu"></div>
Merci mais je sèche pour le css je vois pas comment faire pour ajouter le sous menu en dessous du menu.
Ca j'y suis arriver mais dans le css je vois pas trop quoi mettre.
<div id="menu">
<!-- emplacement du menu -->
<div class="menu">
<ul>
<li><a href="#">test 1</a></li>
<li><a href="#">test 2</a></li>
<li><a href="#">test 3</a></li>
<li><a href="#">test 4</a></li>
<li><a href="#">test 5</a></li>
</ul>
</div>
</div>
Ca j'y suis arriver mais dans le css je vois pas trop quoi mettre.
<div id="menu">
<!-- emplacement du menu -->
<div class="menu">
<ul>
<li><a href="#">test 1</a></li>
<li><a href="#">test 2</a></li>
<li><a href="#">test 3</a></li>
<li><a href="#">test 4</a></li>
<li><a href="#">test 5</a></li>
</ul>
</div>
</div>
J'ai mis:
Mais cela ne change rien.
*{
margin:0;
padding:0;
}
#menu{
width:150px;
margin:20px auto 0 auto;
position:relative;
}
.sous-menu{
height:18px;
width:150px;
padding:2px 0;
background:#fff;
color:black;
text-align:center;
}
.sous-menu a{
/* display:block;
*/ width:100%;
height:100%;
color:#1a61a9;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:#fff;
}
.sous-menu a:hover, .menu a:active, .menu a:focus{
background:#fff;
}
Mais cela ne change rien.