Sous Menu
Résolu/Fermé
A voir également:
- Sous Menu
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Menu demarrer windows 10 - Guide
3 réponses
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
18 juil. 2012 à 17:49
18 juil. 2012 à 17:49
Salut,
Javascript ou PHP.
Votre site est statique?
Javascript ou PHP.
Votre site est statique?
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.
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
19 juil. 2012 à 09:41
19 juil. 2012 à 09:41
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>
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
19 juil. 2012 à 10:15
19 juil. 2012 à 10:15
Dans mon code, j'appel <div id="sous-menu"></div>, il faut donc associer le style css à "sous-menu"
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.