tooltip : Petite fenêtre au survol de la souris Résolu/Fermé

Question

Bonjour; J'aimerai faire une tooltip avec du texte formaté. comme le tooltip utilise l'attribut title je ne peux pas faire title="

Bonjour

je suis très content par j'ai dansé hier

" . si vous pouvez m'aider je suis preneur..

animostab · Accepted Answer

Salut un tooltip mis en forme avec css se fait avec la balise span dans un a href exemple html Essaie moi

titre

coucou je suis un tooltips css .tool span { display:none; } .tool:hover span{ display:block; /*etc .... mise en forme du span*/ } .tool:hover span h1 { color:red; /*etc .... mise en forme du titre*/ } voila Un petit merci vaut mieux qu'une grande ignorance ! Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

ThEBiShOp · Answer

Il y a quantité de scripts disponibles pour faire ça, tu peux regarder la solution proposée par jQuery :

https://jqueryui.com/tooltip/#custom-content

Sinon il y qTip que j'utilisais un moment :

http://qtip2.com/demos/

lecoriace · Answer

Bonjour merci pour vos réponse
ThEBiShOp: je connaissais la méthode du plugin tooltip de Jquery. je pense qu'il est limité pour la stylisation du contenu de la balise title.

animostab: j'ai opté ta méthode mais le hic c'est que si la span est trop grande le block de text en dessous descend. ce n'est pas si grave! ça serai mieux si c'était fixe, qu'elle se place au dessus des autres texte pas qu'ils les descend 

merci encore à vous deux...

Tooltip : Petite fenêtre au survol de la souris

3 réponses

Discussions similaires