Menu header
Résolu
mister buzz
Messages postés
257
Statut
Membre
-
mister buzz Messages postés 257 Statut Membre -
mister buzz Messages postés 257 Statut Membre -
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?
3 réponses
-
salut, je t'ai corrigé ton menu
<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
-
