Menu header
Résolu
mister buzz
Messages postés
238
Date d'inscription
Statut
Membre
Dernière intervention
-
mister buzz Messages postés 238 Date d'inscription Statut Membre Dernière intervention -
mister buzz Messages postés 238 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Mon header en html se présente comme suit:
<div id="head">
<div id="paysage">
<div id="menu">
<ul>
<div>
<ul id="manu">
<li><a href="#">Actualite</a></li>
<li><a href="#">Musique</a></li>
<li><a href="#">Videos</a></li>
<li>
<a href="#">Rubriques</a>
<ul>
<li><a href="#">Actualite</a></li>
<li><a href="#">Bonus</a></li>
<li><a href="#">Creativite</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Musique</a></li>
<li><a href="#">Videos</a></li>
</ul>
<li><a href="#">A propos</a></li>
<li><a href="#">Contact</a></li>
</li>
</ul>
</div>
</ul>
</div>
Tous s'affiche correctement sur le site mais lorsque je zoome la page ou que je la retrecie, les éléments <ul> se posent les une sur les autres ce qui rend la comprehension quasi nulle. Comment je peux faire pour que les éléments restent figer sur le header?
Mon header en html se présente comme suit:
<div id="head">
<div id="paysage">
<div id="menu">
<ul>
<div>
<ul id="manu">
<li><a href="#">Actualite</a></li>
<li><a href="#">Musique</a></li>
<li><a href="#">Videos</a></li>
<li>
<a href="#">Rubriques</a>
<ul>
<li><a href="#">Actualite</a></li>
<li><a href="#">Bonus</a></li>
<li><a href="#">Creativite</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Musique</a></li>
<li><a href="#">Videos</a></li>
</ul>
<li><a href="#">A propos</a></li>
<li><a href="#">Contact</a></li>
</li>
</ul>
</div>
</ul>
</div>
Tous s'affiche correctement sur le site mais lorsque je zoome la page ou que je la retrecie, les éléments <ul> se posent les une sur les autres ce qui rend la comprehension quasi nulle. Comment je peux faire pour que les éléments restent figer sur le header?
A voir également:
- Menu header
- 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
salut, je t'ai corrigé ton menu
ensuite pour ton problème il faudrait voir la css
<div id="head"> <div id="paysage"> <div id="menu"> <ul id="manu"> <li> <a href="#">Actualite</a> </li> <li> <a href="#">Musique</a> </li> <li> <a href="#">Videos</a> </li> <li> <a href="#">Rubriques</a> <ul> <li> <a href="#">Actualite</a> </li> <li> <a href="#">Bonus</a> </li> <li> <a href="#">Creativite</a> </li> <li> <a href="#">Lifestyle</a> </li> <li> <a href="#">Musique</a> </li> <li> <a href="#">Videos</a> </li> </ul> <li> <a href="#">A propos</a> </li> <li> <a href="#">Contact</a> </li> </ul> </div> </div> </div>
ensuite pour ton problème il faudrait voir la css
La solution du problème par animostab - 3 janv. 2014 à 21:55
la c'est normal en fait si le height de ton header est en px fait cela pour le header
header {
min-height: la hauteur de ton background ou menu en PX;
height:: auto;
background-size:cover;
......etc....
}
ou bien dans body tu fais
body {
width: le pourcentage que tu veux;
min-width: largeur en pixel avant laquelle il y a chevauchement;
...etc...
}
regarde laquelle des solutions convient le mieux
min- veux dire jamais plus petit que
il y a aussi
max- jamais plus grand que
la c'est normal en fait si le height de ton header est en px fait cela pour le header
header {
min-height: la hauteur de ton background ou menu en PX;
height:: auto;
background-size:cover;
......etc....
}
ou bien dans body tu fais
body {
width: le pourcentage que tu veux;
min-width: largeur en pixel avant laquelle il y a chevauchement;
...etc...
}
regarde laquelle des solutions convient le mieux
min- veux dire jamais plus petit que
il y a aussi
max- jamais plus grand que