Je supprime votre code qui ne s'affichait pas correctement ici, et qui ne peut pas me servir à vous aider.

Si ça ne s'affiche pas au bon endroit, c'est juste un problème avec les coordonnées des bulles.

Horizontalement, essayez de changer left: 237px; et verticalement, essayer de rajouter des marges, positives ou négatives.

Sinon le mieux est de me mettre un lien vers la page en question.

j'utilise votre script qui est ce que je cherchais.

Cependant, je n'arrive à placer mes bulles comme je le souhaite.

Pourriez vous m'aider, voici le code:

[Supprimé par admin, voir commentaire suivant...]

MERCI

Je ne peux pas débugger ton code (pas gratuitement en tout cas!), surtout qu'il semble dater pas mal (époque Netscape et IE3).

Par contre je peux t'inviter à utiliser et comprendre les 5 lignes que je donne dans l'article et qui font à peu près la même chose sans le positionnement, que tu peux ajouter en 2 lignes.

var IB=new Object;
var posX=0;posY=0;
var xOffset=10;yOffset=10;

function AffBulle(texte) {
contenu=""+texte+" ";
var finalPosX=posX-xOffset;

if (finalPosX<0) finalPosX=0;
if (document.layers) {
document.layers["bulle"].document.write(contenu);
document.layers["bulle"].document.close();
document.layers["bulle"].top=posY+yOffset;
document.layers["bulle"].left=finalPosX;
document.layers["bulle"].visibility="show";}
if (document.all) {

bulle.innerHTML=contenu;
document.all["bulle"].style.top=posY+yOffset;
document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
document.all["bulle"].style.visibility="visible";
}
else if (document.getElementById) {
document.getElementById("bulle").innerHTML=contenu;
document.getElementById("bulle").style.top=posY+yOffset;
document.getElementById("bulle").style.left=finalPosX;
document.getElementById("bulle").style.visibility="visible";
}
}
function getMousePos(e) {
if (document.all) {
posX=event.x+document.body.scrollLeft;
posY=event.y+document.body.scrollTop;
}
else {
posX=e.pageX;
posY=e.pageY;
}
}
function HideBulle() {
if (document.layers) {document.layers["bulle"].visibility="hide";}
if (document.all) {document.all["bulle"].style.visibility="hidden";}
else if (document.getElementById){document.getElementById("bulle").style.visibility="hidden";}
}

function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
if (document.layers) {
window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
document.write("");
}
if (document.all) {
document.write("");
document.onmousemove=getMousePos;
}
else if (document.getElementById) {
document.onmousemove=getMousePos;
document.write("");
}

}

Il faut donc que tu passes obligatoirement par Javascript pour afficher/cacher tes tableaux.

Fait d'abord ta présentation avec tout visible, et tu masqueras les tableaux après.

Je voulais créer une infobulle en css qui contient un tableau. Est ce que c'est possible ?

Ainsi, j'ai utilisé le javascript mais maintenant les infobulles se cache derrière le tableau. Pourriez vous me dire comment faire pour qu'elles s'affichent en premier plan.?
Merci d'avance.

Seb

Oui, j'essaye de rendre mes pages compatibles avec les principaux navigateurs, dont IE6.

Votre deuxième solution est exactement ce que je cherchais et fonctionne parfaitement sous Firefox, IE7, IE6, et Nescape. (Sous Opera, l'infobulle apparaît d'abord tronquée et il faut cliquer sur le lien pour qu'elle s'ouvre en totalité... mais ce n'est pas grave et il existe sûrement une solution).

Merci encore !

- ne pas mettre de lien et faire apparaitre la bulle en Javascript

- ou neutraliser le lien: <a href="xxx" onclick="javascript:return false;">

La 2e solution est meilleure si xxx est une page comportant à nouveau les mentions légales. Ça en fait un texte parfaitement accessible même si Javascript est désactivé (3% des gens, mais bon...).

Merci d'avance !

Je rencontre cependant un petit problème et j'ose espérer qu vous allez pouvoir m'éclairer.

Je souhaite que l'infobulles contienne en fait un texte émanant d'une base de donnée, j'utilise Dreamweaver et j'ai utilisé les techniques courantes d'implémentation mais malheureusement cela ne semble pas fonctionner.

En fait e que j'ai fait est de tout simplement mettre ce qui émane de mon jeu d'enregistrement entre les balise SPAN , là ou vous mettez du texte en clair.

merci poru votre aide par avance et félicitation poru votre site, je le place dans mes favvoris.