[Résolu] Comment supprimer les espaces?

Bonjour à tous,

J'ai un peu honte de poser cette question mais après mes recherches, je j'ai toujours pas trouvé la solution.
Voila, je voudrais coller plusieurs éléments à la suite (des images ou des <li>) mais garder une lisibilité dans le code, exemple:

<img src="image1.jpg" alt="image1" />
<img src="image2.jpg" alt="image2" />
<img src="image3.jpg" alt="image3" />

Sous firefox, aucun problème mais IE considère qu'il y a un espace entre chaque image, et je voudrais le suprimer. Pour l'instant j'utilise la solution "crade" qui consiste à tout coller mais ça ne me convient pas

<img src="image1.jpg" alt="image1" /><img src="image2.jpg" alt="image2" /><img src="image3.jpg" alt="image3" />

Ca fonctionne, mais c'est illisible ...

Je suis convaincu qu'il existe une réponse simple à ce problème qui doit être récurrent mais je ne l'ai pas trouvée, j'espère que vous pourrez m'aider.

D'avance, merci
Modifié par Tourix (20 Oct 2006 - 14:45)

C'est sérieux? Internet Explorer interprète différement une succession de balises si elles sont l'une à côté de l'autre ou l'une en-dessous de l'autre?!

Oui c'est très sérieux, il considère que tu mets un espace, comme dans du texte si elles ne sont pas collées.

C'est très facile à vérifier, tu prends 2 images et tu les mets côte à côte.
Tu essaies mes deux exemples et tu observeras des resultats différents (évidemment j'ai mis les padding et margin de <img> à 0)

Est-ce que tu mets bien des tabulations pour identer ton code ?

Peut-être que si tu mets des espaces, IE en affiche un.

oui je le fais.

Essayes de mettre une class à chaque image genre :

.class {
float: left;
}

Benjamin D.C. a écrit :
C'est sérieux? Internet Explorer interprète différement une succession de balises si elles sont l'une à côté de l'autre ou l'une en-dessous de l'autre?!

À ma connaissance, s'il s'agit d'éléments de type en-ligne (et pas flottants ou en display: block, bien sûr), tous les navigateurs interprètent différement si on met des espaces entre les balises ou si on n'en mets pas.

Voir ce post.

C'est un peu la réponse que je craignais.
Bon ben déjà j'ai remplacé mes liste par des <div> qui "floatent" (sympa ce mot) et pour les petits cas je colle les balises.

Merci à tous en tout cas

Dans la class .left comme je t'ai dis précédemment, ajoute :

display: block;

Ca devrait t'éviter de mettre des div partout.

Merci bien pour votre aide, ça fonctionne