Ul suivi d'images impossible !
Résolu
LelLex
Messages postés
1628
Date d'inscription
Statut
Membre
Dernière intervention
-
LelLex Messages postés 1628 Date d'inscription Statut Membre Dernière intervention -
LelLex Messages postés 1628 Date d'inscription Statut Membre Dernière intervention -
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.
A voir également:
- Ul suivi d'images impossible !
- Suivi des modifications word - Guide
- Suivi colis - Guide
- Des images - Guide
- Suivi position google - Guide
- Historique Google Maps : retrouver tous les lieux et les trajets enregistrés - Guide
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 !
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 !
MERCI => vincent170186.
J'y étais depuis avant-hier soir pour ce float:left; dans #menu img ; c'était seulement ça. ;)
J'y étais depuis avant-hier soir pour ce float:left; dans #menu img ; c'était seulement ça. ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question