Centrer des images en html

Fermé
Dan - 22 mars 2010 à 12:14
 Dan - 25 mars 2010 à 09:01
Je voudrais mettre 3 images cotes à cotes, que la première image soit à gauche que la seconde soit au centre et la troisième à droite.

J'ai essayé div style="text-align" pour chacune des images mais le problème c'est qu'il passe à la ligne suivante après chaque image et donc pas possible de les mettre sur la même ligne.

3 réponses

Maxou88100 Messages postés 197 Date d'inscription jeudi 3 décembre 2009 Statut Membre Dernière intervention 17 juin 2010 11
22 mars 2010 à 13:11
Bonjour,

Essaye avec float:left
:)

Et on dis Bonjour ! ^^
0
donc concrètement si je veux afficher ces 3 images et que je veux la première a gauche , la deuxième au centre et la troisième a droire, j'écris quoi dans le code?

<p><img src="http..." width="250" height="250"><img src="http://...."
width="250" height="250"><img src="http://..." width="250"
height="250"></p>
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
23 mars 2010 à 16:44
Je ne comprends pas bien, ce code ne renvoie pas à la ligne, les images doivent donc bien être les unes à côté des autres. Il n'y aurait donc qu'à ajouter un style="text-align:center" dans le <p>.

A moins que votre page soit d'une largeur inférieure à 750px. Est-ce le cas ?
0
Maxou88100 Messages postés 197 Date d'inscription jeudi 3 décembre 2009 Statut Membre Dernière intervention 17 juin 2010 11
23 mars 2010 à 14:40
Tu peux faire ça, même si c'est pas forcément super propre,

<img src="http:..." style="float:left;"/>
<img src="http:..." style="float:left;margin-left:100px;"/>
<img src="http:..." style="float:left;margin-left:100px;"/>
0
Merci ça fonctionne bein pour la première rangée d'images mais après c'est le carnage.
0