A voir également:
- Mettre 3 images côte à côte html
- Croix a cote du nom snap - Forum Snapchat
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Dans le document à télécharger, 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. qu’a-t-elle gagné ? ✓ - Forum Word
- :3 emoji ✓ - Forum Loisirs / Divertissements
- Savoir si je suis bloqué par une personne sur snap chat ✓ - Forum Snapchat
1 réponse
overcool
Messages postés
11
Date d'inscription
mardi 11 septembre 2018
Statut
Membre
Dernière intervention
24 octobre 2018
1
24 oct. 2018 à 23:38
24 oct. 2018 à 23:38
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 }
25 oct. 2018 à 10:46
26 oct. 2018 à 05:44
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...).
26 oct. 2018 à 11:12