[résolu]Il veux pas être inline mon menu !

Bonsoir,

Je tourne le code dans tous les sens mais ce menu veux pas être en ligne :

#menu_haut{height:100px;background-color:red;}
#menu_haut ul{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
#menu_haut li
{display: inline; /* On passe les liens en éléments de type en ligne pour les avoir en abscisse */
	margin: 0 0 0 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
#menu_haut li a
{
display: block ; /* On passe les liens en éléments de type en block */
	width: 170px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url(images/menu_haut/bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}
#menu_haut li a:hover
{
	background: url(images/menu_haut/bg_menu.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}

Je lui ai rajouté un display inline en LI, alors pourquoi ça marche pas ?
Merci
Modifié par Diana (16 Mar 2007 - 21:01)

Bonjour,

Probablement car les liens dans tes li sont en block.

ben oui mais il faut quils soient en block sinon c pas bon !
Si je le supprime c'est en ligne oui, mais après les blocks sont rétrécis.
Modifié par Diana (16 Mar 2007 - 19:28)

Diana a écrit :
ben oui mais il faut quils soient en block sinon c pas bon !
Si je le supprime c'est en ligne oui, mais après les blocks sont rétrécis.

Tu dois faire flotter les li pour utiliser des liens blocks:

#menu_haut li{
float: left;
}

Ha!! oui!!! ça marche ;p

en faite ça doit venir de mon block qui est en flux normal je pense.

Merci Igor

Salut,

Tu considères que ce sujet est [Résolu] ?