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;
}
A voir également:
- Menu déroulant css qui décal ma page
- Menu déroulant excel - Guide
- Supprimer page word - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Word
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
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..
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;
}
----------
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.
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.