Ul suivi d'images impossible !
Résolu
Bonjour à tous,
Je suis bloqué sur un malheureux petit problème !
J'essaie de mettre des images entre mes <li> mais ils s'en vont tous en fin de ligne, voici le code :
XHTML :
CSS :
Quelle est le problème ?
Cordialement.
LelLex.
Je suis bloqué sur un malheureux petit problème !
J'essaie de mettre des images entre mes <li> mais ils s'en vont tous en fin de ligne, voici le code :
XHTML :
<div id="menu"> <ul> <li><a href="#">Page 1</a></li> <img src="images/image.png" alt="" title="" /> <li><a href="#">Page 2</a></li> <img src="images/image.png" alt="" title="" /> <li><a href="#">Page 3</a></li> </ul> </div> <div style="clear:both;"></div>
CSS :
#menu ul{margin:0; padding:0; list-style:none;}
#menu ul li{margin:0; padding:0 30px; float:left;}
#menu ul li a{margin:0; padding:0; text-decoration:none;}
#menu ul li a:hover{margin:0; padding:0; text-decoration:none;}
#menu img{margin:0; padding:0;}
Quelle est le problème ?
Cordialement.
LelLex.
5 réponses
-
salut !
salut ! alors peut etre qu'en mettant #menu img{margin:0; padding:0;float:left;}
car tes <li> sont en float:left , mais comme j'ai un doute sur le fait que l'on puisse mettre autre chose que des <li> dans un <ul >
tu peux essayer:
<div id="menu">
<ul>
<li><a href="#">Page 1</a><img src="images/image.png" alt="" title="" /> </li>
<li><a href="#">Page 2</a><img src="images/image.png" alt="" title="" /> </li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
sinon le top serai de mettre cette image en background sur tes 2 premier <li>
voila !
-
pourquoi un float: left; à tes <li> ?
-
Pour qu'ils s'alignent horizontalement et pas verticalement !
-
MERCI => vincent170186.
J'y étais depuis avant-hier soir pour ce float:left; dans #menu img ; c'était seulement ça. ;) -
ok ! bon ben si c'est good pour toi n'oublie pas de dire que c'est "resolu " stp !
merci !
