Aligner plusieurs images en html

Bonjour,
je voudrais aligner plusieurs images et du texte en dessous de chaque images en html.
Merci de votre aide

4 réponses

  1. <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
    1. 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
      1. 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
        1. Tu peux mettre du code css afin de na pas toujours reecrire la même chose,
          sinon le code est bien :)
          0