Allignement menu sous IE

Résolu/Fermé

warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 - 28 nov. 2007 à 12:09
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 - 28 nov. 2007 à 18:16

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

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
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires
Réinitialiser menu démarrer windows 10 - Guide
Menu caché tv philips hotel - Forum TV & Vidéo

4 réponses

Réponse 1 / 4

Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 387
28 nov. 2007 à 16:10

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

Réponse 2 / 4

warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
28 nov. 2007 à 16:55

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é :)

Réponse 3 / 4

Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 387
28 nov. 2007 à 17:50

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

Réponse 4 / 4

warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
28 nov. 2007 à 18:16

re

Impec ça l air de marcher , merci ^^

Discussions similaires

Prélèvement Google Ireland Limited

Facture de google 380€ !

Arnaque frauduleuse Ireland ltd

Comment retrouver le bouton menu de Tv Tcl

menu caché