[Résolu] Impact sur le rendu

Bonjour, j'ai une suite d'images (5 images en vertical, les unes sous les autres).
Mon problème est que j'ai beau faire attention dans le code HTML à ne pas générer d'espace ou de retour à la ligne entre chaque ligne, je me retrouve avec une espace entre chaque image (en vertical) alors que je n'ai rien demandé.

<img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" />
</div>

#conteneur {
width: 170px; /*largeur des images qui devient la largeur du conteneur*/
}

Modifié par renato (19 Jan 2010 - 09:39)

Salut,

As tu pensé à supprimer les marges par défauts sur l'élément img ?

Pour moi, IMG n'a pas de marges par défaut.

Mais bon, restons humble je ne suis qu'un débutant.

Mmmh non c'est moi qui suit pas clair, dans ma mémoire, il y avait un padding par défaut, mais après vérification non...
J'ai eu ce problème de marges non souhaitées un jour, et je crois que ça m'a marqué !

Enfin avec ton code je n'ai pas de soucis de ce genre, aurais tu une page en ligne pour constater le problème et tenter de l'éclaircir ?
Modifié par Mikachu (18 Jan 2010 - 15:55)

Non pas de pages en ligne, je suis justement en galère avant de finaliser ma page.
Mais bon, j'ai fais un test en englobant chaque image dans une boîte DIV avec ID et là ça marche. Je n'ai pas de marges entre les images (en vertical).
Mais j'aurais aimé comprendre pourquoi ça ne fonctionne pas sur IE et sur Opéra. Bizarre que cela fonctionne chez toi.

Toujours pas de solutions ?

<div id="conteneur">
<img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" /><img src="images/lunettes.jpg" alt="toto" />
</div>

#conteneur {
	width: 150px;
	margin-top: 80px;
	margin-left: 50px;
}
img {
	width: 150px;
	height: 70px;
}

En fait après un petit contrôle, si j'enlève la Largeur de mon Conteneur, les images se mettent les unes à côté des autres et sans aucune marge.
Le problème est donc "apparemment" lorsque je fixe une Largeur à mon conteneur, cette largeur forçant mes images à se caler les unes sous les autres, et là, j'ai une marge de quelques pixels.

J'ai trouvé : c'est une question de Doctype.
En strict ça me met la marge en question entre les images, alors qu'en Transitionnal c'est impec.
Certainement une autre interprétation mais sur quoi ???

Merci.