Image map et infobulle.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Image map et infobulle.
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.
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.
Dernière édition par Fae le Mer 16 Jan 2013 - 16:37, édité 1 fois
Re: Image map et infobulle.
Bonjour,
Je vous propose de lire ce tutoriel : Crérer une infobulle.
Dans le tutoriel, vous aurez cette partie :
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,
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;
}
- Code:
top:2em; left:2em; width:15em;
- 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,
Re: Image map et infobulle.
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.
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.
Sujets similaires
» Infobulle: image sur une autre image
» Infobulle dans l'image
» Infobulle sur image réactive
» Créer une infobulle sur une image de titre
» Place de l'image de base de l'infobulle.
» Infobulle dans l'image
» Infobulle sur image réactive
» Créer une infobulle sur une image de titre
» Place de l'image de base de l'infobulle.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum