Menu déroulant css qui décal ma page
rey-s
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
-
kyuub -
kyuub -
Bonjour,
J'ai un soucis, mon menu déroulant qui se déploie verticalement décale mon contenu, j'ai éssayer de changer des position choses comme ça, rien n'y fait.
Je test sous IE 8 et Firefox.
voici la partie de mon Css qui concerne mon menu.
----
#menu3 ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu3 li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu3 li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu3 li a:hover {
color:red;
}
#menu3 ul li ul {
display:none;
}
#menu3 ul li:hover ul {
display:block;
}
#menu3 li:hover ul li {
float:none;
}
J'ai un soucis, mon menu déroulant qui se déploie verticalement décale mon contenu, j'ai éssayer de changer des position choses comme ça, rien n'y fait.
Je test sous IE 8 et Firefox.
voici la partie de mon Css qui concerne mon menu.
----
#menu3 ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu3 li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu3 li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu3 li a:hover {
color:red;
}
#menu3 ul li ul {
display:none;
}
#menu3 ul li:hover ul {
display:block;
}
#menu3 li:hover ul li {
float:none;
}
Configuration: Windows XP / Firefox 3.6
7 réponses
-
Il ne viendrait pas d'ici ton menu par hasard ?
Si oui, tu n'as pas été jusqu'au bout du tuto.
Il te manque une déclaration
#menu3 li ul { position:absolute; }
-
En effet notobe....
Et ça marche...
Le menu fonctionnait au début et n'as plus marcher d'un coup après quelques modifs apporter ailleurs, j'ai du supprimé sans faire exprès cette ligne..
Merci beaucoup et vraiment désoler du dérangement.. -
-
En faite cela ne marche pas tout à fait, le menu ne décal plus ma page, mais sous ie 7 le menu se déroule sur le coté, et couvre le reste de mon menu au lieu de se déroulé verticalement... Alors que sous firefox et Ie 8 sa marche...
Css:
-------------
#menu3 ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu3 li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu3 li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu3 li a:hover {
color:red;
}
#menu3 ul li ul {
display:none;
}
#menu3 ul li:hover ul {
display:block;
}
#menu3 li:hover ul li {
float:none;
}
#menu3 li ul {
position:absolute;
}
---------- -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
J'ai testé avec les lignes donné dans le tuto aussi:
CSS:
----------------------
#menu {
height:50px;
}
--------------------------
Et ça dans le html:
---------------------------
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<!--><![endif]-->
--------------------------------
Ca ne change rien. -
