Aligner plusieurs images en html
sneybe
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je voudrais aligner plusieurs images et du texte en dessous de chaque images en html.
Merci de votre aide
je voudrais aligner plusieurs images et du texte en dessous de chaque images en html.
Merci de votre aide
A voir également:
- Aligner plusieurs images css
- Des images - Guide
- Extraire images pdf - Guide
- Images enregistrées - Forum Bureautique
- Recherche images - Guide
- 4 images 1 mot niveau 10 chaperon rouge ✓ - Forum Jeux vidéo
4 réponses
Si tu fais un tableau en HTML et tu y intègre les images comme dans l'exemple en remplaçant le texte en gras :
</head> <body> <table style="text-align: left; width: 1064px; height: 305px;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: top; height: 257px; width: 343px;"><img alt="u" src="Image1.png"><br> </td> <td style="vertical-align: top; height: 257px; width: 349px;"><img alt="r" src="image2.png"><br> </td> <td style="vertical-align: top; height: 257px;"><img alt="u" src="image3.png"><br> </td> </tr> <tr> <td style="vertical-align: top; height: 40px; width: 343px;">texte image 1 </td> <td style="vertical-align: top; height: 40px; width: 349px;">texte image 2 </td> <td style="vertical-align: top; height: 40px;">texte image 3 </td> </tr> </tbody> </table> </body> </html>
Bonsoir,
Merci de votre aide, le seul souci qui reste c'est que le texte est un peu loin de l'image, pas du tout collé en dessous de l'image.
Merci
Merci de votre aide, le seul souci qui reste c'est que le texte est un peu loin de l'image, pas du tout collé en dessous de l'image.
Merci
<html> <head> </head> <body> <table style="text-align: left; width: 1064px; height: 305px;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: top; height: 31px; width: 343px;"><img alt="u" src="image1.png"><br> </td> <td style="vertical-align: top; height: 31px; width: 349px;"><img alt="r" src="image2.png"><br> </td> <td style="vertical-align: top; height: 31px;"><img alt="u" src="image3.png"><br> </td> </tr> <tr> <td style="vertical-align: top; height: 266px; width: 343px;">texte image 1 </td> <td style="vertical-align: top; height: 266px; width: 349px;">texte image 2 </td> <td style="vertical-align: top; height: 266px;">texte image 3 </td> </tr> </tbody> </table> </body> </html>
sinon le code est bien :)