Image avec div

Résolu
Gilles -  
Blunderer Messages postés 273 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'aimerais savoir comment faire pour mettre 5 images sur la même lignes avec le même nombres d'espaces entres elles en html/css.
Merci d'avance.

1 réponse

  1. Blunderer Messages postés 273 Date d'inscription   Statut Membre Dernière intervention   83
     
    <table style="width:100%;text-align:center;">
        <tr>
            <td><img src="img_1.jpg" /></td>
            <td><img src="img_2.jpg" /></td>
            <td><img src="img_3.jpg" /></td>
            <td><img src="img_4.jpg" /></td>
            <td><img src="img_5.jpg" /></td>
        </tr>
    </table>
    1
    1. Gilles
       
      Merci mais la le problème est que ça coupe avec le footer. comment faire pour le baisser assez bas ?
      <td><table width="100%" border="0" cellpadding="18" cellspacing="0" class="footer_legal_notice">
      <td><a href="http://www.test.com" target="_blank" class="footer_legal_notice">© test</a>
      <a href="#" style="position:fixed;bottom:5px;right:240px;">Top</a>

      .footer_legal_notice {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
      color: #1A61A9;
      position: absolute;
      bottom: 0;
      right: 465px;
      }
      0
    2. Blunderer Messages postés 273 Date d'inscription   Statut Membre Dernière intervention   83
       
      peux-tu faire une capture d'écran et la mettre sur hostingpics par exemple ? pour qu'on puisse vraiment comprendre...

      merci ;)
      0
    3. Gilles
       
      Enfaite sur firefox c'est nickel c'est juste sur ie ou les images sont moins grande au lieux de prendre toute la longueur elle ne prend que les 3/4 et il y a moins d'espace entre eux.
      0
    4. Blunderer Messages postés 273 Date d'inscription   Statut Membre Dernière intervention   83
       
      <table style="width:100%;text-align:center;border:1px solid black;"> 
          <tr> 
              <td><img src="img_1.jpg" /></td> 
              <td><img src="img_2.jpg" /></td> 
              <td><img src="img_3.jpg" /></td> 
              <td><img src="img_4.jpg" /></td> 
              <td><img src="img_5.jpg" /></td> 
          </tr> 
      </table>

      ton tableau prend-il toute la largeur avec ce code ?
      0
    5. Gilles
       
      Merci mais la la seul différence est que le tableau est dans un rectangle.
      Sur firefox oui sur ie non il doit prendre 80% environ.
      0