18041 sujets

Questions générales et questions de débutants

Espace entre les images ??

Bonjour,

Un phénomène que je viens de remarquer, et qui me semble bizarre.

voici le code : 


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>

<body>
<img src="a.png" />
<img src="a.png" />
<img src="a.png" />
<img src="a.png" />
</body>

</html>


http://www.altenide.com/alsas/test.html

cela doit être du à ma façon de coder. Ces espaces entre les images viennent d'un retour chariot après chaque bloc <img .. />.

Pour l'enlever je dois appliquer un style de type


img {
margin:-2px;
}


ou bien éviter de faire un retour chariot dans dream (ou éclipse)

je suis surement HS en fin de journée mais je ne pige pas le comportement de la balise <img/> dans ce cas de figure Smiley ohwell

c'est du à une propriété native de la balise img ? ... , j'en perd mon lating Smiley smile

merci.
Modifié par altenide (28 May 2009 - 18:30)
Bonjour,

C'est effectivement le retour chariot qui est qui considéré comme un espace.

ta ruse à -2px ne marchera pas si l'on agrandit le texte Smiley cligne

ps. : même si ici, il n'y a pas d'impact, un test doit toujours être effectué dans des conditions optimales, donc avec un doctype !
J'ai enlever le doctype pour justement vérifier son impact sur le phénomène (tester auparavant en transitional et strict) : en constatant le même comportement ... quant au retour chariot é bé çà me semble assez incohérent. Si chaque retour chariot engendrait des comportements bizarres de ce type arghh ... bref Smiley smile . Cà m'apprendra à mieux chercher la prochaine fois.

merci Heyoan pour le lien.


tag : espaces insécables images css xhtml retour chariot <img >
Modifié par altenide (28 May 2009 - 22:09)
Sujet clos
Aller à