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