Image map et infobulle.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image map et infobulle.

Message par Fae le Mer 16 Jan 2013 - 1:50

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 : http://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.


Dernière édition par Fae le Mer 16 Jan 2013 - 16:37, édité 1 fois

Fae
Nouveau membre

Féminin
Messages : 14
Inscrit(e) le : 01/06/2009

http://cracbadaboum.keuf.net/
Fae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image map et infobulle.

Message par Roxy. le Mer 16 Jan 2013 - 14:31

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,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image map et infobulle.

Message par Fae le Mer 16 Jan 2013 - 16:36

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.

Fae
Nouveau membre

Féminin
Messages : 14
Inscrit(e) le : 01/06/2009

http://cracbadaboum.keuf.net/
Fae a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum