Info bulle et images

Bonjour,

Classiquement, j'ai créé une info bulle en CSS avec un span.

Puis, j'ai tenté d'y inclure une petite image de 40px par 40px....

Mais, je n'y arrive pas.

Une solution ?

Un bout de code?

Oui !

Dans le HTML
<a class="bulle" href="audauxstory.htm"><img src="Images/historique.jpg" border=0><span>Historique d'Audaux<img src="vignettes/audaux.JPG"/></span></a>

Dans CSS
a.bulle span{
display: none;
}

a.bulle:hover{
background: none; /*contournement bug IE*/
}

a.bulle:hover span{
display: inline;
position: absolute;
top: 213px;
left: 500px;
background: #fc9;
text-align: center;
text-decoration: none;
color: blue;
padding: 0.2em;
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid;
}

une toute petite balise [ code ] ne serait pas de refus
Modifié par dew (08 Feb 2006 - 21:28)

Oui, exact, autant pour moi !

Salut,
Je ne vois pas ce qui cloche dans ton code, le survol du lien marche parfaitement. Le span s'ouvre avec ton texte et l'image ?!

Salut,

Au survol, le texte s'affiche bien , mais pas l'image.....

Personne n'a d'idées ?

Salut,

J'ai essayé le code que tu as donné, ça fonctionne sur les différents navigateurs. tu devrais essayer dans une nouvelle page, avec que ça et tu verras.

est tu sûr d'avoir mis le bon chemin pour l'image qui n'apparaît pas ? (en supposant que c'est la première chose que tu as vérifiée).

Salut,

Le chemin de l'image est correct : s'il ne l'était pas, une croix rouge apparaitrait à la place,non ?

Je vais tester sur une page seule, et je vois.

Merci.

Hari37 a écrit :
Le chemin de l'image est correct : s'il ne l'était pas, une croix rouge apparaitrait à la place,non ?

Salut,
Si tu utilises Internet Explorer oui, mais pas avec Firefox.

Chez moi aussi ca marche sans probleme a mon avis ton probleme viens du chemin de ton image, comme on la dis si le liens n'est pas bon sous firefor rien ne s'affiche alors que sous IE une crois rouge s'affiche..