Tgtg venait de m'envoyer un mail dans lequel elle m'expose son problème, assez ardu je dois dire, puis qu'il concerne l'HTML et les CSS...
Pour ceux qui ne le savent pas, Tgtg a un blog en dehors de joueb.com, qui est la copie conforme de son joueb (à part qu'il sont inversés tous les deux pour les différencier), et sur un article bien précis de son blog, elle utilise des acronymes (ou abbréviations, comme vous voulez) facilement reconnaissables, ils sont soulignés en pointillés, sont notés JWB, et, surtout, le curseur change sur l'acronyme et devient un curseur d'aide, et une boite texte apparait...
Sur joueb, Tgtg voulait faire la même chose... La boite texte apparaissait bien, mais le curseur ne se modifiait pas et l'acronyme n'était pas souligné en pointillés... Pourtant, la modification apportée par ses soins dans la feuille de style
.acronym {
border-bottom:1px dotted black; cursor:help;
}
est censée fonctionner, et surtout, mise à la bonne place !
Je ne connais pas tout en html, et surtout, je ne connais pas cette balise <acronym> !!
Donc, aux grand maux les grand moyens, faire une recherche via Google... et je tombe sur un article de Xtof (Christophe Ducamp, pour les intimes, que Biz et Castor doivent bien connaître), qui parle justement des acronymes, et qui explique, en plus, comment faire changer le curseur au passage d'un acronyme ou d'une abbréviation et qui donne l'exemple de la partie à ajouter dans la feuille de style CSS...
Il ne me restait plus donc qu'à modifier la classe .acronym créée par Tgtg et à la changer en classe .help pour que la modification soit effective sur le joueb (ci-dessous la modification que j'ai apportée) :
abbr, acronym, .help {
border-bottom: 1px dotted black; cursor: help;
}
et ça fonctionne, même très bien d'ailleurs !! Maintenant, le curseur se change bien en curseur d'aide ! Au moins, j'ai appris quelque chose !! ;-))
Comme quoi, Google mène bien à tout et peut rendre d'immenses services !!
Merci à Xtof (et à son article) en passant sans lesquels je n'aurais pas réussi à faire cette petite, mais simple modification... Il fallait le savoir !