[Résolu] Aligner 5 images côte à côte mais sans séparation

Re-bonjour,
Je cherche à aligner (en CSS) 5 images côte à côte mais collées.
Sous firefox, ça marche avec ça:

table {
	border-spacing: 0;
	width: 290px;
}
td, th {
  margin: 0;padding:0;
}

Mais sous IE, rien à faire. Il y a des espaces entre les images et je ne le veux pas.
Que faire, s'il vous plait ? Je pédale vraiment dans la choucroute depuis 2 heures sans résultat.
Merci beaucoup
Modifié par galeazzo (17 Oct 2008 - 18:32)

Bonjour,

As tu essayé :

img
{
float:left;
}

Bonjour.

Avant toute chose pourquoi est-ce que tu joue avec les tables et th ?

Est-ce que tes images sont dans un tableau ?

Si oui , elles sont ou ? Toutes dans la même cellule ?

Donne nous un peu plus de précisions ou encore mieux une adresse ou une copie d'écran.
Bonne journée.

Avec des images flottantes, effectivement, ça peut être largement suffisant pour mettre 5 images côte-à-côte.
Sinon, pour un tableau un petit border-collapse: collapse ne sera pas de trop.

Oui, mes images sont dans un tableau

<table>
      <tr>
        <td><img src="images/accueil_on.gif" alt="" width="58" height="40" /></td>

        <td><a onmouseover="turnOn('vanessa')" onmouseout="turnOff('vanessa')" href="vanessa.html"><img name="vanessa" class="imgTrans" src="images/vanessa_off.gif" alt="" width="58" height="40" /></a></td>

        <td><a onmouseover="turnOn('sarah')" onmouseout="turnOff('sarah')" href="sarah.html"><img name="sarah" class="imgTrans" src="images/sarah_off.gif" alt="" width="58" height="40" /></a></td>

        <td><a onmouseover="turnOn('diana')" onmouseout="turnOff('diana')" href="diana.html"><img name="diana" class="imgTrans" src="images/diana_off.gif" alt="" width="58" height="40" /></a></td>

        <td><a onmouseover="turnOn('bettye')" onmouseout="turnOff('bettye')" href="bettye.html"><img name="bettye" class="imgTrans" src="images/bettye_off.gif" alt="" width="58" height="40" /></a></td>
      </tr>
    </table>
  </div>

Sous FF, Opra,Safari windows, tout marche bien mais sous IE, la cata

Bonjour,

As-tu essayé ce que propose Florent V. ?
Si oui et que ça ne résout pas ton problème, tentes avec :

table tr td img {vertical-align:middle}

Modifié par mecho (17 Oct 2008 - 22:10)

Florent V. a écrit :
Avec des images flottantes, effectivement, ça peut être largement suffisant pour mettre 5 images côte-à-côte.
Sinon, pour un tableau un petit border-collapse: collapse ne sera pas de trop.

Merci, Florent. Ca marche !
Modifié par galeazzo (17 Oct 2008 - 22:34)