Menudéroulant >SVP
pourelena
-
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
voila, je travail sur mon site et j'ai installé un menu déroulant e haut de ma page web.
Voila le code du menu :
*{padding:0; margin:0;}
body {font-size:62.5%; font-family:verdana,arial,sans-serif;}
.menu {white-space:nowrap /*IE hack*/; float:left; width:900px; border:none; background:rgb(210,225,225); color:rgb(0,0,0); font-size:130%;}
.menu ul {list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.menu ul li ul {display:none; border:none;}
/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}
.menu ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;}
.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);}
.menu ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;}
/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; background-color:rgb(210,210,210); text-decoration:none;}
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; left:0; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);}
.menu ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;}
@media print {.menu {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}
Mon problème, c'est que mon menu est en haut à gauche, et que je voudrait qu'il soit en haut au millieu...De plus, il ne couvre pas grand chose, et, quand je met trop de chose dedant, il me met une deuxième ligne de menu, alors que je voudrait que mon menu fasse totue la largeur de mon site, et pas la moitiée.
Merci de me répondre vite
Pourelena
voila, je travail sur mon site et j'ai installé un menu déroulant e haut de ma page web.
Voila le code du menu :
*{padding:0; margin:0;}
body {font-size:62.5%; font-family:verdana,arial,sans-serif;}
.menu {white-space:nowrap /*IE hack*/; float:left; width:900px; border:none; background:rgb(210,225,225); color:rgb(0,0,0); font-size:130%;}
.menu ul {list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.menu ul li ul {display:none; border:none;}
/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}
.menu ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;}
.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);}
.menu ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;}
/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; background-color:rgb(210,210,210); text-decoration:none;}
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; left:0; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);}
.menu ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;}
@media print {.menu {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}
Mon problème, c'est que mon menu est en haut à gauche, et que je voudrait qu'il soit en haut au millieu...De plus, il ne couvre pas grand chose, et, quand je met trop de chose dedant, il me met une deuxième ligne de menu, alors que je voudrait que mon menu fasse totue la largeur de mon site, et pas la moitiée.
Merci de me répondre vite
Pourelena
