Aligner plusieurs images en html

Fermé

sneybe Messages postés 2 Date d'inscription samedi 10 août 2013 Statut Membre Dernière intervention 11 août 2013 - 10 août 2013 à 06:12
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 1 déc. 2013 à 13:53

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 46 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 5 janvier 2016 13
Modifié par juliendefully le 10/08/2013 à 15:59

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 35
1 déc. 2013 à 10:11

Tu peux mettre du code css afin de na pas toujours reecrire la même chose,
sinon le code est bien :)

Réponse 2 / 4

sneybe Messages postés 2 Date d'inscription samedi 10 août 2013 Statut Membre Dernière intervention 11 août 2013
11 août 2013 à 21:47

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

Réponse 3 / 4

juliendefully Messages postés 46 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 5 janvier 2016 13
12 août 2013 à 01:48

<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>

Réponse 4 / 4

mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
1 déc. 2013 à 13:53

Bonjour,

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

A+

Discussions similaires

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

[CSS] Forcé retour à la ligne

trait horizontal avec du css

code couleur associé a une image

voir ses images enregistrés

Discussions similaires

Newsletters