Sujet Précédent Sujet Suivant

Aligner plusieurs images en html

sneybe Messages postés 2 Statut Membre -  
mpmp93 Messages postés 7217 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
A voir également:

4 réponses

Réponse 1 / 4
juliendefully Messages postés 50 Statut Membre 13
 
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>
0
planete66 Messages postés 21 Statut Membre 35
 
Tu peux mettre du code css afin de na pas toujours reecrire la même chose,
sinon le code est bien :)
0
Réponse 2 / 4
sneybe Messages postés 2 Statut Membre
 
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
0
Réponse 3 / 4
juliendefully Messages postés 50 Statut Membre 13
  
<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>
0
Réponse 4 / 4
mpmp93 Messages postés 7217 Date d'inscription   Statut Membre Dernière intervention   1 341
 
Bonjour,

Tout est expliqué ici:
https://html5.immo-scope.com/article/html5_debuter_elementFigure

A+
0

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)
neji55 -
nath84150 -

3 réponses
aligner une liste horizontalement
mikasa -
Utilisateur anonyme -

6 réponses
ou sont enregistrées les images
RAKAMA -
mathejea -

4 réponses
Superposé photo avec transparence
minime17 -
moiii -

12 réponses
voir ses images enregistrés
bastUltra -
bastUltra -

2 réponses