JeanJean75 Posté 20 Décembre 2008 Partager Posté 20 Décembre 2008 Bonjour. Je viens vous faire par de mon problème. En effet, j'ai à faire une infobulle avec dans l'infobulle une image cliquable. HTML : <a href="#" class="infobulle1"><img src="images/sectpriv.gif" alt="infobulle1" align="middle" /><span><div id="bulle"><a href="traduction2.html"><img src="images/apressen.gif" alt="" align="left" onmouseover="this.src='images/apresser.gif'" onmouseout="this.src='images/apressen.gif'" /></a></div> </span> CSS : /*INFOBULLE*/a.infobulle1 { /* Infobulle numéro 1 */ position: relative; color: black; text-decoration: none;}a.infobulle1 span { /* Quand la souris ne passe pas sur l'image */ display: none; /* on masque l'infobulle */}a.infobulle1:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */}a.infobulle1:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 30px; /* on positionne notre infobulle */ left: 0px; background: white;}#bulle { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */} Elle marche très bien sous Firefox, mais sous IE, elle ne se place pas au même endroit et le "display: none; /* on masque l'infobulle */" ne fonctionne pas car elle est toujours affiché. :/ Je me suis aidé du tuto du site du Zéro pour savoir comme améliorer une infobulle. Voilà, c'est à vous, merci d'avance. Lien vers le commentaire Partager sur d’autres sites More sharing options...
JeanJean75 Posté 21 Décembre 2008 Auteur Partager Posté 21 Décembre 2008 Résolus, j'ai réécris le script et hop ça marche. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 21 Décembre 2008 Partager Posté 21 Décembre 2008 Ce serait sympa de faire profiter tout le monde de la solution Lien vers le commentaire Partager sur d’autres sites More sharing options...
JeanJean75 Posté 21 Décembre 2008 Auteur Partager Posté 21 Décembre 2008 Y a pas trop de réponse, j'ai tout réécrit en fouinant sur le web. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 21 Décembre 2008 Partager Posté 21 Décembre 2008 Justement le code récrit est la réponse Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant