[HTML] Justifier 3 images alignés
Dimistik
Messages postés
58
Statut
Membre
-
Dalida Messages postés 7114 Statut Contributeur -
Dalida Messages postés 7114 Statut Contributeur -
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 ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Br html ✓ - Forum Webmastering
- Comment justifier un texte sur word - Forum Word
2 réponses
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.
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;
}
