A voir également:
- Css mettre deux images cote à cote
- Mettre des images cote a cote css - Forum - HTML
- Image côte à côte en CSS - Forum - CSS
- Mettre deux images cote a cote ✓ - Forum - Graphisme
- Dans ce document, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. ✓ - Forum - Word
- Gimp coller deux images côte à côte ✓ - Forum - The Gimp
1 réponse
overcool
- Messages postés
- 11
- Date d'inscription
- mardi 11 septembre 2018
- Statut
- Membre
- Dernière intervention
- 24 octobre 2018
Tu peux définir tes 3 images en pourcentage et utiliser Box Sizing afin d'éviter que les marges ne casse les colonnes et qu'une image se retrouve en dessous en fonction de la taille d'écran.
https://jsfiddle.net/ukdrwmo8/1/
https://jsfiddle.net/ukdrwmo8/1/
img.fd1, img.fd2, img.fd3 { width: 33%; height: auto; padding: 10px; float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
C'est pour cela que dans sa dernière version(HTML5) il est FORTEMENT recommandé d'éviter d'utiliser la balise div(ide) qui indique une division de la page sans un but précis. Il est préférable d'utiliser des balises/containers indiquant mieux le contenu comme section et article(sans oublier la table des matières-table of content faite à l'aide d'une balise de titre) ou une autre balise décrivant son contenu (p, span, nav, header, footer...).