Centrer des images en html

Dan -  
 Dan -
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.
A voir également:

3 réponses

Maxou88100 Messages postés 197 Date d'inscription   Statut Membre Dernière intervention   11
 
Bonjour,

Essaye avec float:left
:)

Et on dis Bonjour ! ^^
0
Dan
 
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   Statut Membre Dernière intervention   213
 
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   Statut Membre Dernière intervention   11
 
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
Dan
 
Merci ça fonctionne bein pour la première rangée d'images mais après c'est le carnage.
0