Aligner plusieurs images en html [Fermé]

Signaler
Messages postés
2
Date d'inscription
samedi 10 août 2013
Statut
Membre
Dernière intervention
11 août 2013
-
mpmp93
Messages postés
6709
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
-
Bonjour,
je voudrais aligner plusieurs images et du texte en dessous de chaque images en html.
Merci de votre aide

4 réponses

Messages postés
46
Date d'inscription
mardi 9 avril 2013
Statut
Membre
Dernière intervention
5 janvier 2016
6
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>
planete66
Messages postés
18
Date d'inscription
vendredi 25 octobre 2013
Statut
Membre
Dernière intervention
29 décembre 2013
30
Tu peux mettre du code css afin de na pas toujours reecrire la même chose,
sinon le code est bien :)
Messages postés
2
Date d'inscription
samedi 10 août 2013
Statut
Membre
Dernière intervention
11 août 2013

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
Messages postés
46
Date d'inscription
mardi 9 avril 2013
Statut
Membre
Dernière intervention
5 janvier 2016
6
<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>
Messages postés
6709
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 232