Images alignés float left

Résolu/Fermé
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - 8 juin 2017 à 11:55
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - 8 juin 2017 à 13:25
Bonjour à tous !

J'essaie d'aligner mes images avec un float left mais lorsque la hauteur est différentes d'une div à l'autre, j'ai ce décalé en rouge, or je souhaite avoir le bleu :
https://img4.hostingpics.net/pics/416206cadrephoto.png

Quelqu'un a une idée svp ?



1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
8 juin 2017 à 13:20
Salut,

Un prototype simple serait de positionner les 3 colonnes en float puis d'empiler les images dans chaque colonnes : https://jsfiddle.net/ev6mkpha/

Pour une solution plus aboutie, tu peux faire des recherches avec les termes "masonry css" qui correspond à ce style de présentation.

Bonne journée,
1
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
8 juin 2017 à 13:25
Merci beaucoup Pitet !
0