Petit problème de line-height avec IE ...

14 février 2006 à 1:07:57

Bonjour !
voilà j'ai un petite problème de css avec IE :
voici mon site http://www.pikkitux.com

c'est le menu qui pose problème, lorsque l'on passe la souris sur les liens ( sous IE ), chacun des liens vient se coller à celui-du dessus, et en plus lorsque l'on retire la souris le lien reste collé à cet endroite

puis lorsque l'on repasse la souris sur un lien "déplacé" tout rentre dans l'ordre .......

voici le CSS :

#menu ul {
margin: 0 ;
padding-left:25px;
list-style-type: none ;
}

#menu ul li a{
margin: 0 0 5px 0 ;
padding: 0 ;
display: block ;
width: 145px ;
line-height: 30px ;
color: #000 ;
background-color:#FFFFFF;
text-indent: 25px ;
text-decoration: none ;
background: url(http://www.pikkitux.com/images/design/site/menu.jpg) no-repeat 0 0 ;
}

#menu ul li a:hover {
margin:0 0 5px 0;
background: url(http://www.pikkitux.com/images/design/site/menu.jpg) no-repeat 0 -30px ;
}

je devrais remettre les propriétés line-height à la classe hover ??
(la chuis sous linux, pas d'IE à portée de main :s )

merci beaucoup

jp949

14 février 2006 à 6:06:08

salut.
ton probleme vient d'un bug d'IE qui ajoute ou supprime des espaces dans le code html dans les listes avec liens.
pour le corriger il faut que tu fasses un espace avant de fermer la balise </a> avec un exemple ce sera plus simple.

<li> <a href="tapage.htm">tutos</a></li>
<li> <a href="tapage.htm">tutos ici un espace </a></li>

chucky

14 février 2006 à 11:17:11

merci beaucoup, ca marche !

est-ce que tu aurais éventuellement des liens vers des pages répertoriant les bugs d'IE ???

merci

Anonyme

14 février 2006 à 11:20:39

Salut,

Pour améliorer ton site: galerie s'écrit avec un seul l

jp949

14 février 2006 à 11:42:10

je n'en ai pas trop non, suis entrain de faire un site justement qui va repertorier tous ces bugs j'en ai deja mis quelques'uns, ca fait 15 jours que j'ai commencé.
adresse dans ma signature "jp949" mais j'en suis qu'au debut