Pages :
(reprise du message précédent)

Laurent Denis a écrit :
ça risque de durer longtemps, votre histoire Smiley cligne


.image { margin :0px;
 }

marche parce que ce sont pas les marges des images mais du div conteneur que tu as manifestement besoin d'annuler.

Evidemment, pour modifie les marges de ce conteneur,

img { margin :0px;
 }


ne risque pas de marcher.

Par contre,

img { margin :100px;
 }


... "marche", puisqu'il s'agit cette fois de tout autre chose que les marges de ces div: ajouter une marge aux images qui n'en avaient pas

On peut résumer ça autrement: ga zo bu meu Smiley ravi


Non mais cette histoire que tu nous contes, je l'avais déjà lue et testée Smiley cligne Je ne dis pas autre chose.
Ma question est juste de savoir pourquoi ai-je besoin de placer mes images dans un conteneur (dont j'annule les marges) pour que celles ci n'apparaissent plus sous IE. Parce que sans conteneur mes 3 images placées dans le flux ce voient affubler de ces marges.
En clair, j'ai un conteneur avec trois images à l'intérieur

<div id="conteneur">
<img src....>
<img src....>
<img src....>
</div>

En fait à force de chercher, j'ai trouvé le point qui fache. Les marges entre images apparaissent donc avec le code ci-dessus.

Par contre il suffit de ceci :

<div id="conteneur">
<div><img src....></div>
<div><img src....></div>
<div><img src....></div>
</div>


Sans qu'il soit nécessaire de "formater" les div parent des images.

Comment l'interpréter? Les images doivent toujours être placées dans un conteneur?
lodemars a écrit :
Comment l'interpréter? Les images doivent toujours être placées dans un conteneur?

Heu... non.
Ta page ne serait pas en mode Quirks par le plus grand des hasards?

Je n'ai pas saisi exactement quelle type d'écarts entre les images te gêne ou t'interpelle (il faut dire que le sujet commence à être long), mais en général les espaces entre les images c'est:

1. soit l'espace vertical entre la ligne de base du texte et le bas de la boite de ligne (la FAQ en parle: espaces indésirables sous les images);

2. soit l'espace horizontal entre deux images, dû à des caractères «blancs» (espaces, tabulations, retours à la ligne) dans le code HTML (cf. Impact sur le rendu de la mise en forme du code HTML).

Pour le point numéro 1, on notera que dans certains cas (img dans une cellule de tableau, et peut-être toute image seule dans un conteneur de type bloc -- il faudrait que je vérifie) cet espace réservé ne sera pas affiché, en mode Quirks uniquement.
Florent V. a écrit :

1. soit l'espace vertical entre la ligne de base du texte et le bas de la boite de ligne (la FAQ en parle: espaces indésirables sous les images);


Apparemment c'était le problème. Résolu avec

img {
display: block;
}
Pages :