Infobulle qui se décalle toute seule

Bonjour,
j'ai testé quelques scripts d'infobulle trouvés sur le net mais à chaque fois l'infobulle s'affiche très largement décalé par rapport au texte.

Ma page est centrée au milieu, de sorte qu'elle apparaisse toujours centrée sur le navigateur quelque soit la taille de l'écran de l'utilisateur, et lorsque j'agrandis ou diminue mon navigateur, l'infobulle change de place.

Quel est le problème et comment le résoudre ?

merci d'avance ! bien cordialement, bonni



(je me suis notamment servi du script sur cette page: http://www.biblioscript.com/dhtml/app_infobulle.shtml)

bonjour, merci pour votre réponse !

cependant j'avoue être débutant et je ne sais comment intégrer le code présenté sur la page indiquée :

a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: center}



Par exemple comment appliquer ce code sur un mot (au hasard, comment écrire "ceci est une bulle" sur le mot "bulle" ) ?

merci de votre aide

Bonjour Bonni et bienvenue sur Alsacréations !

Des balises de mise en forme des messages sont à ta disposition.
Pourrais-tu encadrer ton code dans la balise [code] prévue à cette effet, comme indiquée ici

Ci-joint quelques pistes pour réaliser facilement et sans javascript des infobulles (ou un effet similaire) :

Afficher / Masquer des "calques" sans javascript

Comment contrôler et modifier l'apparence d'une infobulle ?