Je suis entrain de créer mon site et j'ai rencontrer une erreur embêtante. J'ai créer une barre de menu sur lequel se situe plusieurs boutons, et sur un de ces bouton un menu et censé ce dérouler quand on passe dessus. Mais le menu et décaler par rapport au bouton, et je connais la raisons (J'ai centrer le menu principale avec des pourcentages. Mais le menu déroulant et aussi décaler :/ au lieu de rester bien en dessous du bouton) Je trouve pas comment regeler le problème :'(. J'ai besoin d'aide svp !
/*Menu*/
#menu ul
{
line-height:50px;
}
#menu li
{
left:3.5%; /*Le FAMEUX décalage*/
right:97.5%;
margin:0;
list-style:none;
float:left;
position:relative;
background-color:black;
}
#menu ul li a
{
width:150px;
height:48px;
color:white;
text-decoration:none;
display:block;
border:1px solid black;
}
#menu ul ul
{
width:150px;
height:50px;
visibility:hidden;
position:absolute;
top:50px;
}
#menu ul li:hover ul
{
visibility:visible;
}
#menu li:hover
{
background-color:gray;
}
#menu ul li a:hover
{
color:white;
background-color:gray;
}
.menu
{
margin-left:auto;
margin-right:auto;
margin-top:auto;
background:black;
margin-top:8px;
height:50px;
width: 1321px;
text-align:center;
}
.menu a
{
color:white;
text-decoration:none;
float:left;
}
.menu a:hover
{
background:gray;
}
Pourquoi est-ce que tu as autant de <ul>, juste pour contenir un élément <li> ? Quelle est cette balise </font> que je vois à la fin, et qui ne devrait pas y être ?
Pourquoi float, pourquoi tous ces pourcentages, ces tailles fixes ? Tu te compliques la vie avec tout ça.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !