28220 sujets

CSS et mise en forme, CSS3

Pourquoi ces espaces avec une image ?

Bonjour,

Je définis une image en supprimant explicite les marges via le CSS (margin et padding) et pourtant avec IE 6, il reste des espaces autour de l'image alors que tout est bien avec Firefox.

Une idée ?
Administrateur
Hello et bienvenue ici Smiley smile

Comme tout le monde n'est pas devin, je te rappelle l'une des Règles que tu as dû survoler trop vite :
Règle 13 a écrit :
Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème. La règle est simple : il faut toujours donner un maximum de détails pour être sûr d'avoir une chance que les autres comprennent et aident.
Raphael a écrit :
Hello et bienvenue ici Smiley smile

Comme tout le monde n'est pas devin, je te rappelle l'une des Règles que tu as dû survoler trop vite :

Effectivement j'avais survolé le fait que l'on puisse attacher une image.
upload/4173-pb-espace-i.png
Modifié par pyxosledisciple (23 May 2006 - 12:12)
Je ne sais pas d'où viens ton problème, car mon test fonctionne sous IE : page d'essai
Image utilisée : http://univers-fusco.com/tests/pupuce.jpg 
CSS :

img {margin:0;padding:0;border:none;}

BALISAGE :

<p><img src="pupuce.jpg" alt="" />Lorem ipsum dolor sit amet,
-> <img src="pupuce.jpg" alt="" />consectetuer adipiscing elit.
-> <img src="pupuce.jpg" alt="" /><p>
(-> signifie que tout est sur une ligne)

Peux-tu donner ton code (CSS/balisage/DTD...) ?
Modifié par Smiley neko (23 May 2006 - 12:27)
Le code HTML :
      
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

...

   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
   <link rel="stylesheet" type="text/css" href="defaut.css" media="screen" title="defaut" />

...

      <h2><img src="rond02.ico" alt="" />Hôtesse d'accueil <img src="bol.ico" alt="" /><img src="fille4.ico" alt="" />/ standardiste <img src="phone5.ico" alt="" /></h2>


La feuille de style :

img  {
	border: none;
	margin: 0;
	padding: 0;
}
h2 {
	border-bottom: thin ridge Black;
}
Je n'arrive pas à reproduire ton problème : même CSS et balisage*, avec des images jpeg ou des icônes... je n'ai pas ce décalage sous IE 6 (win) :

La page d'essai modifiée.

(* dans mon test avec les icônes, j'ai rajouté width et height pour diminuer leur taille.)

Je sèche...
Modifié par Smiley neko (23 May 2006 - 13:40)
Sujet clos
Aller à