Ul suivi d'images impossible !

Résolu/Fermé

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 - Modifié par LelLex le 1/08/2010 à 17:40
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 - 2 août 2010 à 15:32

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 :

<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
Demande de suivi instagram refusé ✓ - Forum Instagram

5 réponses

Réponse 1 / 5

vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
2 août 2010 à 14:47

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 !

Réponse 2 / 5

Asheron Messages postés 136 Date d'inscription dimanche 10 mai 2009 Statut Membre Dernière intervention 11 octobre 2011 9
2 août 2010 à 00:36

pourquoi un float: left; à tes <li> ?

Réponse 3 / 5

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
2 août 2010 à 14:37

Pour qu'ils s'alignent horizontalement et pas verticalement !

Réponse 4 / 5

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
2 août 2010 à 14:57

MERCI => vincent170186.

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

Réponse 5 / 5

vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
2 août 2010 à 15:20

ok ! bon ben si c'est good pour toi n'oublie pas de dire que c'est "resolu " stp !

merci !

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
2 août 2010 à 15:32

Je connais la chanson. ;)

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)

code couleur associé a une image

Impossible de télécharger photos messenger

voir ses images enregistrés

ou sont enregistrées les images