Allignement menu sous IE
Résolu
warlix
Messages postés
1201
Date d'inscription
Statut
Contributeur
Dernière intervention
-
warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention -
warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention -
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..
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..
A voir également:
- Allignement menu sous IE
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Ie tab - Télécharger - Outils pour navigateurs
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
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:
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
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
salut
Ben non s je fais ça je retourne sur un menu vertical :) me faut le left :)
mais merci quand même d avoir cherché :)
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é:
J'ai essayè sur IE et Firefox, et j'ai dans les deux cas un menu horizontal.
A plus
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