> Tous les forums > Forum des Webmasters
 Infobulle marche pas sur IESujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
enibib
  Posté le 17/12/2009 @ 09:59 
Aller en bas de la page 
Petit astucien

Bonjour,

Encore moi et mes problèmes !

Cette fois c'est une infobulle que je n'arrive pas à afficher sur IE mais marche très bien sur Firefox, voici mon code :

<style>


#info {
position: relative;
color: black;
text-decoration: none;
}
#info span {
display: none; /* on masque l'infobulle */
text-decoration: none;
}
#info:hover {
background: none; /* correction d'un bug IE */
z-index: 500000; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
text-decoration: none;

}
#info: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: 20px; /* on positionne notre infobulle */
left: 0px;
background: white;
color: #006699;
padding: 3px;
border: 1px solid #006699;
border-left: 4px solid #006699;
border-right: 4px solid #006699;
text-decoration: none;
}

</style>

<!-- mon info bulle -->

<div id="info">
<img style="width:20px" src="img/icone.png">
<span><b>Attention !<br></b>mon infobulle</span>
Bla bla
</div>

J'ai lu sur la toile que IE ne reconnaissé la propriété :hover que sur les balise "a" ... Dite moi qu'il y a une solution please !!



Modifié par enibib le 17/12/2009 09:59
Publicité
elle
 Posté le 17/12/2009 à 10:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

enibib
 Posté le 17/12/2009 à 10:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
elle a écrit :

http://www.alsacreations.com/astuce/lire/1-comment-contrler-et-modifier-lapparence-dune-infobullenbsp.html

Ok j'ai fait mon boulet ...

Pour info c'est donc bien IE qui ne prend pas en compte le :hover sur une autre balise que la "a" ???

Bul
 Posté le 17/12/2009 à 13:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

bonjour,
pas été voir le lien, mais avec le bon
doctype ( ie8, ie7 ) ça doit baigner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
par exemple.
@+

enibib
 Posté le 17/12/2009 à 14:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

J'avais lui :

<!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">

Mais j'ai pas testé avec celui que tu donne ...

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Chaussures PUMA Smash V2 L, Mixte à 27,95 €
27,95 € 49,95 € -44% @Amazon
Coffret d'embouts de vissage et clés à cliquet Bosch (27 pièces) à 16,98 €
16,98 € 23 € -26% @Amazon
Facebook Portal Mini à 29,99 € (+1,50 € reversés)
29,99 € 59 € -49% @Rakuten
Souris Logitech MX Master 2S + Norton 360 Deluxe (3 postes, 12 mois) à 49,99 €
49,99 € 90 € -44% @Cdiscount
Batterie externe OUKITEL P2001 Ultimate 2000Wh, 2000W, LifePOE4 à 1226,34 €
1226,34 € 2199 € -44% @Geekbuying
Sélection de manga à 3 €
3 € @Leclerc
SSD Interne M.2 NVMe PCIe 4.0 Samsung 980 PRO 1 To (avec dissipateur) à 114,94 €
114,94 € 140 € -18% @Cdiscount
Batterie portable Charmast 10000 mAh (USB C/ USB A/ 4 câbles intégrés) à 19,99 €
19,99 € 26,99 € -26% @Amazon
Prise connectée Wi-Fi QNCX (16A, suivi de consommation, Tuya) à 7,21 €
7,21 € 15 € -52% @AliExpress
Radio réveil Lenovo Smart Clock Essential avec assistant Google à 17,99 €
17,99 € 49 € -63% @Darty

Sujets relatifs
Web Worker en android browser 4.1 - 4.3 ne marche PAS!
changer le style de l'infobulle
Logiciel gratos de site qui marche sur Win 7 SVP .
background-color qui marche pas
Pourquoi ca marche pas ?
Page perso sous IE8 ne marche pas
Logiciel et aide pour faire une étude de marché
Centrer l'infobulle Popper de Mike McGrath
Infobulle dans une zone réactive
Site internet marche à moitier
Plus de sujets relatifs à Infobulle marche pas sur IE
 > Tous les forums > Forum Forum des Webmasters