Bonjour,
j'ai un petit soucis, c'est que je veut afficher un tooltip dans mon composant joomla au passage sur du texte.
mais je n'arrive pas à le désigner sa fait n'importe quoi on dirai que les classes auquelles j'accede en css ne sont pas bonnes :
Le code dans le javascript :
Le code dans le PHP/HTML :
Et enfn le code dans le CSS :
j'aimerai obtenir ceci :
![Cliquez sur l'image pour l'afficher en taille normale
Nom : tooltipexemple.JPG
Affichages : 1
Taille : 18,0 Ko
ID : 1815375](filedata/fetch?id=1815375&d=1335974144)
Mais malheuresement j'obtient cela :
![Cliquez sur l'image pour l'afficher en taille normale
Nom : tooltipraté.JPG
Affichages : 1
Taille : 19,9 Ko
ID : 1815376](filedata/fetch?id=1815376&d=1335974144)
Pourtant j'ai repris l'exemple du tooltip mootools sur le site de mootools.
je ne comprend pas où est l'erreur...![En colère](https://forum.joomla.fr/core/images/smilies/afuj/angry.gif)
merci d'avance
j'ai un petit soucis, c'est que je veut afficher un tooltip dans mon composant joomla au passage sur du texte.
mais je n'arrive pas à le désigner sa fait n'importe quoi on dirai que les classes auquelles j'accede en css ne sont pas bonnes :
Le code dans le javascript :
Code:
var Tips1 = new Tips($$('.Tips1'));
Code:
<a href="#" onclick="return false;" class="Tips1" title="le titre :: Coucou mec" > salut </a>
Code:
.tool-tip { color: #fff; width: 139px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(bubble.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(bubble.png) bottom right; }
Mais malheuresement j'obtient cela :
Pourtant j'ai repris l'exemple du tooltip mootools sur le site de mootools.
je ne comprend pas où est l'erreur...
![En colère](https://forum.joomla.fr/core/images/smilies/afuj/angry.gif)
merci d'avance
Commentaire