---

Forum » » Le coin des codeurs » » [Résolu] - Infobulle avec image

---

Posté : 30 mars 2008 à 13:42

Bonjour à tous

Je viens de trouver un script en CSS afin d'afficher sur un lien
une infobulle avec image. L'ensemble fonstionne très bien sous Evolution
Le seul problème est l'affichage de l'image dû je suppose à la fonction
"position: absolute;" du fichier CSS.
En effet l'image s'affiche au centre de la page et ce qui pause
probleme si c'est une longue page, l'utitisateur ne voie plus
l'image par exemple sur un lien en bas de page.

Comment modifier le code du fichier CSS pour que l'image
s'affiche au niveau du lien et non pas suivant la fonction
"position: absolute;"

Si vous avez une solution avec un exemple je suis preneur

Merci

Code de l'infoBullz



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 le fichier 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;
}


N

Message édité par : Newdev / 30-03-2008 16:13

---

Cet article provient de NPDS
https://www.npds.org/viewtopic.php?topic=23425&forum=5