Image map et infobulle.

[Fae]

Bonjour, bonsoir à tous.
Après plusieurs heures de recherches sur le forum ou le web j'avoue toujours bloquer sur mon problème c'est pourquoi je me permets de vous solliciter. En effet, je cherche tout bêtement (ou pas finalement) à faire apparaître une infobulle sur une image map. C'est-à-dire, définir les coordonnées de l'aire de mon image et lorsque l'on passe dessus avec la souris voir apparaître mon infobulle.
De plus, je souhaite éviter l'utilisation de la propriété < div > car je ne dois observer aucun retour à la ligne.

J'avoue volontiers que cela va faire quelques temps que je n'avais pas fais de codage, du coup si l'astuce est toute bête autant dire que j'irais encore plus me cacher dans mon trou de souris.

Je remercie d'avance la ou les personnes qui voudront bien m'aider. Et voici l'image sur laquelle je souhaite travailler : https://2img.net/h/i804.photobucket.com/albums/yy330/IllusionsTales/pap4_zpsd9c23d39.png
C'est donc en passant sur les personnages que j'aimerais voir apparaître mon infobulle.

Fae.

[Roxy.]

Bonjour,

Je vous propose de lire ce tutoriel : Crérer une infobulle.
Dans le tutoriel, vous aurez cette partie :

Code:

a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

Supprimez :

Code:

top:2em; left:2em; width:15em;

Et remplacez par :

Code:

top: 0px;
left: 0px;

A vous ensuite de définir une valeur exact.
Il n'y aura pas de retour à la ligne vu qu'on utilise une span.

Cordialement,

[Fae]

Bonjour,

je vous remercie pour votre aide. Mais la création de l'infobulle en elle-même n'était pas mon soucis. Néanmoins, j'ai réussi à obtenir l'effet désiré en changeant de méthode. Encore une fois que je vous remercie.

Fae.