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.

3 réponses

  1. Maxou88100 Messages postés 249 Statut Membre 11
     
    Bonjour,

    Essaye avec float:left
    :)

    Et on dis Bonjour ! ^^
    0
  2. 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
    1. notobe Messages postés 2222 Statut Membre 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
  3. Maxou88100 Messages postés 249 Statut Membre 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
    1. Dan
       
      Merci ça fonctionne bein pour la première rangée d'images mais après c'est le carnage.
      0