Image avec div

Résolu/Fermé

Gilles - 23 juil. 2012 à 15:14
Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 - 24 juil. 2012 à 10:38

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.

A voir également:

Image avec div
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Image iso windows 10 - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama
Légender une image - Guide

1 réponse

Réponse 1 / 1

Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
23 juil. 2012 à 15:26

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

Gilles
23 juil. 2012 à 16:10

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

Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
23 juil. 2012 à 16:12

peux-tu faire une capture d'écran et la mettre sur hostingpics par exemple ? pour qu'on puisse vraiment comprendre...

merci ;)

Gilles
23 juil. 2012 à 16:23

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.

Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
Modifié par Blunderer le 24/07/2012 à 10:03

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

Gilles
24 juil. 2012 à 10:10

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.

Discussions similaires