[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
Bonjour,
Je bloque sur un truc qui semble tout bête; justifier l'alignement de mes images. Je cherche à obtenir le résultat suivant :
http://nsa05.casimages.com/img/2009/02/21/090221032541607656.jpg
merci !
P.S: Je suis sous Dreamweaver CS4.
Je bloque sur un truc qui semble tout bête; justifier l'alignement de mes images. Je cherche à obtenir le résultat suivant :
http://nsa05.casimages.com/img/2009/02/21/090221032541607656.jpg
merci !
P.S: Je suis sous Dreamweaver CS4.
A voir également:
- Justifier en html
- Editeur html - Télécharger - HTML
- Espace en html - Astuces et Solutions
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Espace HTML ✓ - Forum HTML
- Html download - Télécharger - HTML
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
922
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;
}
