28220 sujets

CSS et mise en forme, CSS3

[Résolu] Espace sous image dans un menu (IE)

Bisoir tout le monde, j'ai un problème qui doit etre tout bete

Dans le menu de la page http://qa.nikolours.com/clean/home.html que j'ai isolé ici aussi http://qa.nikolours.com/clean/menu.html, et bien sous IE j'ai un espace sous les images de chaque link... Pas sous FF

J'ai lu la FAQ et lu la doc sur les espaces sous les images, j'ai essayé d'appliquer chaque parametre un a un sur http://qa.nikolours.com/clean/home.html et ca ne change rien (sous ie7 pas vérifié ie6).
Dans le menu isoléisolé j'ai laissé mon code tout propre de base.

Merci d'avance
Modifié par Nikolours (02 Feb 2007 - 07:32)
Thomas D. a écrit :
Bonsoir Nikolours.

La FAQ, toujours la FAQ : espaces indésirables sous les images.



HUm j'ai dit que je l'ai lu Smiley smile

J'ai lu la FAQ et lu la doc sur les espaces sous les images, j'ai essayé d'appliquer chaque parametre un a un

j'ai appliqué ce paramètre à

a img {
display:block
}


Et pourtant rien n'y fait, les autres paramètres non plus, je dois avoir une couille dans le potage ailleurs mais je capte pas...(comme d'hab)

Si j'ai raté un truc merci de mettre le doigt dessus et d'identifier le problème ou me donner un indice pour que je le résolve tout seul Smiley smile Je demande pas à ce qu'on me mache le code Smiley lol (mais si vous voulez... lol)

Merci ++
Bonjour Nikolours,

Même si ça peut paraitre étrange, ajoute par exemple vertical-align:middle; (ou une autre valeur, sauf baseline) sur ul#link li

J'ai déjà vu un cas de ce bug passer sur le forum, ce n'est pas lié aux images. Il se produit également quand l'item de liste contient directement un élément auquel est appliqué display:none.
Par exemple : 
<!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">
<head>
<title>bug d'internet explorer</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
li {
	background: red; 
	height: 30px;
}
li span {
	display:none; /* ou position: absolute */
}
</style>
</head>
<body>
<ul>
	<li><span></span></li>
	<li><span></span></li>
	<li><span></span></li>
</ul>
</body>
</html>
Dans ce cas IE place bizarrement la boîte générée par l'élément li sur une ligne de base qui n'aurait rien à faire là ! Et il suffit donc de changer l'alignement vertical de li Smiley confus
Modifié par Alan (02 Feb 2007 - 07:08)
Alan t un dieu vivant mec Smiley smile

Ca marche niquel. Y a une doc ou je sais pas quoi sur ce bug (ou un nom) j'aimerais bien comprendre.

Merci encore mon héros lol Smiley lol
Sujet clos
Aller à