Fork me on GitHub






mettre un texte"info bulle" sur une image ]
Xoops accro
Inscrit: 27/07/2005 16:10
De France
Messages: 2970
bonjour
voilà tout est dans le titre, je souhaiterais mettre sur une image un texte sous forme d'info bulles.

Ce que je voudrais, c'est que lorsque l'on met le curseur sur une image, celle-ci affiche un texte immédiatement.j'ai essayé ce genre de scripts

Citation :
<p><a href="http://monsite.com" title="test à afficher"><img src="mon-image.jpg" width="800" height="600" border="0"></a></p>


mais le texte qui s'affiche n'est pas assez rapide et lisible

Merci de votre aide

Posté le : 17/10/2009 19:32
Partager Twitter Partagez cette article sur GG+
Re: mettre un texte"info bulle" sur une image ]
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
Salut mon amis

voila une infobulle en css

http://peutetreunereponse.over-blog.com/article-6614978.html

sinon ta celui ci en ajax

http://web-graphics.com/mtarchive/001717.php

tu peut voir l'exemple ici

http://web-graphics.com/mtarchive/bubbleTooltips2.html

bien sur il faudra que tu affiche la cass sur l'image et non sur le texte dans ton cas

Posté le : 17/10/2009 19:55
Partager Twitter Partagez cette article sur GG+
Re: mettre un texte"info bulle" sur une image ]
Xoops accro
Inscrit: 27/07/2005 16:10
De France
Messages: 2970
HEYYYY,j'ai le premier et ça fonctionne nickel merci seb

Posté le : 18/10/2009 11:40
Partager Twitter Partagez cette article sur GG+
Re: mettre un texte"info bulle" sur une image ]
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
De rien steph :)

Posté le : 18/10/2009 13:43
Partager Twitter Partagez cette article sur GG+
Re: mettre un texte"info bulle" sur une image ]
Xoops accro
Inscrit: 27/07/2005 16:10
De France
Messages: 2970
par contre je viens de m' apercevoir d'un truc!!l'affichage entre Internet Explorer et firefox n'est pas pareil

en effet avec Firefox l'info bulle se trouve bien sous l'image alors qu'avec Internet Explorer l'info bulle se trouve sur l'image

Posté le : 18/10/2009 13:48
Partager Twitter Partagez cette article sur GG+
Re: mettre un texte"info bulle" sur une image ]
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
a tu essayer de changer l'emplacement de l'image dans ceci
a.tooltip:hover em {
    
font-stylenormal;
    
displayblock;
    
positionabsolute;
    
top20px;
    
left: -10px;
    
padding5px;
    
color#000;
    
border1px solid #bbb;
    
background#ffc;
    
width:170px;
}
a.tooltip:hover em span {
    
positionabsolute;
    
top: -7px;
    
left15px;
    
height7px;
    
width11px;
    
backgroundtransparent url(image-infobulle.gif);
    
margin:0;
    
padding0;
    
border0;
}

Posté le : 18/10/2009 14:32
Partager Twitter Partagez cette article sur GG+
Re: mettre un texte"info bulle" sur une image ]
Xoops accro
Inscrit: 27/07/2005 16:10
De France
Messages: 2970
oui j'ai essayé, mais lorsque c'est bons chez un ce n'est pas bon chez l'autre!!

D'ailleurs si tu regardes l'exemple avec images ici tu verras qu'avec Internet Explorer ça fait le même problème

Posté le : 18/10/2009 14:35
Partager Twitter Partagez cette article sur GG+
Re: mettre un texte"info bulle" sur une image ]
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
alors re steph essai de suivre ce qu'il explique sur ce site le probléme vient du z index lit bien et essai d'adapter au tien car il ce ressemble vachement

http://forum.alsacreations.com/topic.php?fid=4&tid=3932

Posté le : 18/10/2009 17:46
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

65 Personne(s) en ligne (54 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 65 | Plus ...