[HTML] Justifier 3 images alignés
Fermé
Dimistik
Messages postés
51
Date d'inscription
vendredi 19 octobre 2007
Statut
Membre
Dernière intervention
25 novembre 2010
-
21 févr. 2009 à 15:20
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 21 févr. 2009 à 16:11
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 21 févr. 2009 à 16:11
A voir également:
- Justifier en html
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- &Nbsp html ✓ - Forum Webmastering
- Comment justifier un texte sur word ✓ - Forum Word
2 réponses
Dimistik
Messages postés
51
Date d'inscription
vendredi 19 octobre 2007
Statut
Membre
Dernière intervention
25 novembre 2010
21 févr. 2009 à 15:47
21 févr. 2009 à 15:47
Bon, pour les intéressés,
J'utilise "text-align="center" dans mon CSS et j'ai mis une bordure pour mes images pour créer un espacement.
J'utilise "text-align="center" dans mon CSS et j'ai mis une bordure pour mes images pour créer un espacement.
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
21 févr. 2009 à 16:11
21 févr. 2009 à 16:11
salut,
tu mets tes <img/> dans une <ul> puis tu fais flotter les <li> à gauche.
restera plus qu'à travailler les marges de <li> pour obtenir le résultat souhaité.
et en CSS :
tu mets tes <img/> dans une <ul> puis tu fais flotter les <li> à gauche.
restera plus qu'à travailler les marges de <li> pour obtenir le résultat souhaité.
<ul id="gallery"> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> <li><img src="ton/fichier/image.png" width="120" height="120" alt="texte alternatif"/></li> </ul>
et en CSS :
ul#gallery{ margin:0; padding:0; width:660px; float:left; } ul#gallery li{ margin:0; padding:0; float:left; }