Pb: Menu CSS pas compatible sur IE

25 févr. 2006, 16:06

Bonjour tous le monde,
J'ai un problème avec mon menu qui sort du cadre quand je suis sur Internet Explorer.
Et lorsque je suis sur Firefox il me compte plus de marge entre les éléments du haut et du bas que je ne lui demande.

Comment faire ?

Ah oui vous voullez peut être le code ^^

Code : Tout sélectionner

.menu a {
     padding-top:4px;
     width: 185px; 
     height: 23px;
     display: block;
     text-align: center;
     border: 0px;
     text-decoration: none;
     color: #000;
	 background-image:url(images/menu/lien.jpg);
	 }
	 
.menu a:hover {
	 background-image:url(images/menu/lienhover.jpg);
     border: 0px; 
     }

.menu a:active {
     background-image:url(images/menu/lien.jpg);
     border: 0px; 
     color: #fff;
     }

Et pour le HTML (va pas servir a grand chose)

Code : Tout sélectionner

<ul class="menu">
         <li><a href="nopub">OpenSpacer</a></li>
	     <li><a href="">Devenir partenaire</a></li>
		</ul>

Si vous voullez voir ce que sa donne y'a le lien du site dans la signature.

Merci d'avance

27 févr. 2006, 02:53

C'est définitivement à cause de ta liste, y a-t-il une raison en particulier pour laquelle tu places le tout dans une liste?

Moi je te recommanderais d'enlever la liste, surtout si tu places un display:block; à tes liens.

27 févr. 2006, 10:37

C'est définitivement à cause de ta liste

Certainement pas !

Regarde une maquette avec des menus créés avec des listes à puce, fouille la source et regarde le style CSS, tu y trouveras peut-être une inspiration.

16 mars 2006, 20:41

Merci Cyrano! J'ai réussi à le faire!

Pb: Menu CSS pas compatible sur IE

Qui est en ligne