Aligner trois images horizontalement

Résolu/Fermé

Html
Css

khiz20 Messages postés 1 Date d'inscription lundi 22 juin 2020 Statut Membre Dernière intervention 22 juin 2020 - Modifié le 22 juin 2020 à 23:22
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 22 juin 2020 à 23:26

Bonsoir à tous,
J'ai besoin d'aligner trois images côte à côte, au lieu qu'elles s'affichent l'une au dessus de l'autre... Voici mon code, quelqu'un peut me dire ce qui ne va pas?
Merci

<div class="laberStatic">
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 no-padding">
      <div class="img"><img src="http://zaity-ci.com/img/cms/A2.gif" alt="" width="640" height="400" /><img src="http://zaity-ci.com/img/cms/A1.gif" alt="" width="640" height="400" /><img src="http://zaity-ci.com/img/cms/A3.gif" alt="" width="640" height="400" /></div>
      <div class="img"></div>
    </div>
  </div>

EDIT : Ajout des balises de code

A voir également:

Aligner 3 images horizontalement css
:3 emoji ✓ - Forum Loisirs / Divertissements
+33 3 77 23 15 06 ✓ - Forum Mobile
Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? ✓ - Forum Python
:3 smiley ✓ - Forum Mail
Picasa 3 - Télécharger - Albums photo

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
22 juin 2020 à 23:26

Vu que tu utilises bootstrap.. autant le faire correctement... en utilisant la grille.
Un truc du genre

<div class="laberStatic">
    <div class="col-md-12 no-padding">
      <div class="col-md-4 col-sm-12 col-lg-4">
        <img src="http://zaity-ci.com/img/cms/A2.gif" alt=""  />
      </div>
      <div class="col-md-4 col-sm-12 col-lg-4">
        <img src="http://zaity-ci.com/img/cms/A1.gif" alt=""  />
      </div>
      <div class="col-md-4 col-sm-12 col-lg-4">
        <img src="http://zaity-ci.com/img/cms/A3.gif" alt=""  />
      </div>
    </div>
  </div>

Discussions similaires

Faire passer du texte SOUS une image HTML / CSS

Ecrire du texte à coté de l 'image

redimensionner une image css

CSS du Texte sur une image ?

mettre deux images cote a cote.

Comment agrandir une image en cliquant