Infobulles décalées vers la droite ?

Bonjour a tous et merci à ceux qui donnent un peu de leur temp et de leur savoir pour aider les débutants !

Je vais essayer de faire des info bulles, j'ai vu un tuto ici http://www.peutetreunereponse.net/article-6614978.html[/url]
.

Cependant, je souhaiterai pouvoir décaller les infobulles par rapport a la souris.

Je m'explique : Je vais les utiliser pour un menu accordeon (je survole un lien et un infobulle me dit ce que je vais trouver. En revanche, je souhaite que le menu vertical reste toujours visible. Donc, l'idéal serait de pouvoir afficher l'infobulle a la meme hauteur que le lien MAIS décallé vars la droite, de façon a ce que la bordure gauche de l'infobulle commence après la bordure droit du menu déroulant.

Question : quelle méthodologie adopter ? comment indiquer ce type de positionnement en css ?

Un grand merci

l'adresse correcte du tuto est :

ici

Bonsoir,

À priori, il suffit de modifier les coordonnées du em positionné en absolu lors du survol. Par exemple:

top:-25px; /* au lieu de 25px */
left:150px; /* au lieu de -25px */

Mais bon, cette technique de détournement des CSS est vraiment bancale (comme tout ce qu'on trouve sur CSS Play, serais-je tenté de dire...). Pour ma part, je me garderais bien de l'utiliser, vu son impact négatif sur l'accessibilité notamment (insertion de texte rompant le flux du texte normal, tooltip inaccessible au clavier).

Un scoop: Javascript (combiné avec CSS pour la mise en forme et le positionnement) est fait pour ce genre d'usages. Les CSS seuls, non.
Modifié par Florent V. (20 Sep 2007 - 20:50)

Florent V. a encore frappé !

Tu es décidément incontournable et d'une aide précieuse. Je te remercie.

Je vais aller de ce pas fouiner du coté de javascript.

Merci encore