Allignement menu sous IE
Résolu
salut dedans
Bon à force de faire mon css , j en suis arrivé à me perdre , donc besoin d un coup de lumière pour le positionnement de mon menu sous IE
il passe bien comme je le souhaite sur FX mais part en cascade sous IE et j'avoue ne plus savoir.
Je met le bout de code du css et celui du menu
CSS
et celui du HTML
Si une bonne âme peu me rafarichir la mémoir du pourquoi et du comment sous IE il ne s alligne pas :) merci d avance..
--
la tristesse c est de ne pas savoir que l on est heureux !
Bon à force de faire mon css , j en suis arrivé à me perdre , donc besoin d un coup de lumière pour le positionnement de mon menu sous IE
il passe bien comme je le souhaite sur FX mais part en cascade sous IE et j'avoue ne plus savoir.
Je met le bout de code du css et celui du menu
CSS
ul#menu {
margin: 0 auto;
width: 800px;
padding: 20px ;
list-style-type: none ;
text-align: center;
}
ul#menu li{
}
ul#menu li a
{
display: block ;
width: 158px ;
line-height: 20px ;
color: #880099 ;
text-align: center;
text-decoration: none ;
background: #ffffff;
float: left;
}
ul#menu li a:hover
{
background-color: #880099;
border: 1px solid #880099;
color: #ffffff;
}
et celui du HTML
<ul id="menu">
<li><a href="index.php">ACCUEIL</a></li>
<li><a href="classements.html">CLASSEMENTS</a></li>
<li><a href="entrainements.html">ENTRAINEMENTS</a></li>
<li><a href="vie_du_club.html">VIE DU CLUB</a></li>
<li><a href="convocation.php">CONVOCATIONS</a></li>
</ul>
Si une bonne âme peu me rafarichir la mémoir du pourquoi et du comment sous IE il ne s alligne pas :) merci d avance..
--
la tristesse c est de ne pas savoir que l on est heureux !
Configuration: Windows XP Firefox 2.0.0.10
4 réponses
-
Bonjour,
J'ai modifié le CSS et avec la nouvelle version, celà marche aussi bien sous IE que Firefox, le code du CSS est ci-dessous:
<style type=text/css> ul#menu { margin: 0; width: 800px; padding: 30px ; list-style-type: none ; text-align: left; } ul#menu li a { display: block ; width: 158px ; line-height: 20px ; color: #880099 ; text-align: center; text-decoration: none ; background: #ffffff; } ul#menu li a:hover { background-color: #880099; border: 1px solid #880099; color: #ffffff; } </style> </head> <body> <ul id="menu"> <li><a href="index.php">ACCUEIL</a></li> <li><a href="classements.html">CLASSEMENTS</a></li> <li><a href="entrainements.html">ENTRAINEMENTS</a></li> <li><a href="vie_du_club.html">VIE DU CLUB</a></li> <li><a href="convocation.php">CONVOCATIONS</a></li> </ul> </body>
J'ai changé la ligne text-align: center en text-align: left et supprimé la ligne float: left
J'espère que c'est le résultat que tu espère.
A plus -
Contributeursalut
Ben non s je fais ça je retourne sur un menu vertical :) me faut le left :)
mais merci quand même d avoir cherché :) -
Rebonjour,
Ok, j'ai trouvé sur Internet une solution à ton problème, voici le nouveau code corrigé:
<style type=text/css> #menu { padding:0; text-align:center; overflow:hidden;/* ceci pour etirer */ background-color:#FFF; } #menu ul { margin: 0; padding: 0 ; list-style-type: none ; text-align: center; float: left; } #menu li { float: left; } #menu li a { display: block ; width: 140px ; line-height: 20px ; color: #880099 ; text-align: center; text-decoration: none ; background: #ffffff; float: left; } #menu li a:hover { background-color: #880099; border: 1px solid #880099; color: #ffffff; } </style> </head> <body> <div id="menu"> <ul> <li><a href="index.php">ACCUEIL</a></li> <li><a href="classements.html">CLASSEMENTS</a></li> <li><a href="entrainements.html">ENTRAINEMENTS</a></li> <li><a href="vie_du_club.html">VIE DU CLUB</a></li> <li><a href="convocation.php">CONVOCATIONS</a></li> </ul> </div> </body>
J'ai essayè sur IE et Firefox, et j'ai dans les deux cas un menu horizontal.
A plus -
Contributeurre
Impec ça l air de marcher , merci ^^
