28173 sujets

CSS et mise en forme, CSS3

Salut à tous, j'ai trouvé sur la FAQ le code permettant de générer une
infobulle (Comment contrôler et modifier l'apparence d'une infobulle ? http://forum.alsacreations.com/faq/#item11).

Tout fonctionne sans problème sous firefox. Une infobulle s'affiche au
passage de la souris. Mais rien ne s'affiche sous ie6. Et cela malgré les
lignes :

a.info:hover {
background: none; 
z-index: 500;
}
...censées corrriger le bug.


Au final, mon propre code css est le suivant :

#listlinks ul li a.help {
margin-left: 185px;
}
#listlinks ul li a.help span {
display: none;
}
#listlinks ul li a.help:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
#listlinks ul li a.help:hover span {
display: inline;
position: absolute;
background: #222222  url(../images/bgdown.png) repeat-x left top ;
text-align: left;
color: #DEDEDE;
font-size: 0.8em;
line-height: 1.5em;
height: 67px;
width: 629px;
padding: 15px 15px 0 15px;
}



J'ai lu un message sur le forum expliquant que lorsque l'on voulait
afficher une image de cette façon, il ne fallait pas en préciser la taille
en px (afin de prévenir là aussi un bug de ie). J'ai fait un test en
supprimant de mon code toute mesure en pixels mais ça n'a rien changé.

Quelqu'un a t'il eu ce même problème sous ie6? Merci...