Pb alignement balise <div> et <ul> [ résolu ]

je suis en train de réaliser un menu horrizontal a l'aide d'une balise <ul> qui est elle même contenu dans une balise <div> qui reprend le tuto de raphael

voici ce que cela me donne dans firefox :


voici maintenant mes codes css

/* affichage du menu */
#menu a {display : block; width: 100px; text-align: center; color: #000; font-family: verdana , sans-serif; font-size: 12px; font-weight:bold;}	 
#menu a:hover { color: #fff;}
#menu a:active { color: #000;}

/*affichage listes*/
ul {list-style-type: none; width: 100%; background:top right}
li { float: left;}

/*balise div*/
.nav { width:770px; height:20px; background-image: url(../images/menu.jpg); border-top:1px solid #000; border-bottom:1px solid #000; }

je ne vois pas ce qui crée ce décalage

bonjour,
tu as essayé display: inline?

Oui, enlève le float dans li, met display:inline et met margin: 0; et padding: 0 dans ul et li, après tu règles en fonction de tes besoins. ul et li ont des marges par défaut.

ok je teste ca et je donne des nouvelles

merci beaucoup,

j'ai rajouté un display:inline et un margin et un padding, tout est bien aligné sous ie et firefox
Modifié par nicolas g (10 Mar 2005 - 14:44)