Texte survol
superfly
-
Ssylvainsab Messages postés 2892 Statut Modérateur -
Ssylvainsab Messages postés 2892 Statut Modérateur -
Bonjour a tous les membres!
Je suis en train de faire un site avec dreamweaver, et j'ai un petit soucis!
J'ai une liste de titres de chanteur et je voudrais qu'a chaque passage de la souris sur un texte (de chaques chanteur) il y est une image ....plus precisement, des que la souris passe un des ces chanteur de ma liste , on vois sa photo?
Pourriez vous m'aidez...je vous remercie ppar avance.
Superfly
Je suis en train de faire un site avec dreamweaver, et j'ai un petit soucis!
J'ai une liste de titres de chanteur et je voudrais qu'a chaque passage de la souris sur un texte (de chaques chanteur) il y est une image ....plus precisement, des que la souris passe un des ces chanteur de ma liste , on vois sa photo?
Pourriez vous m'aidez...je vous remercie ppar avance.
Superfly
3 réponses
-
"Des infobulles personalisées" sur google
www.siteduzero.com/tuto-3-5272-1-modifier-l-apparence-d-une-infobulle.html
Pour personnaliser l'infobulle d'un lien, tu peux mettre une balise span entre les balises a, avec ce qui doit s'afficher quand on passe la souris dessus.
Avec les CSS, tu cache cette balise (a:link span{display:none;}), et tu affiche son contenu quand on met la souris dessus :
a:hover span{display:inline;}
Bien sur, tu peux personaliser cette infibulle : bordures, taille, etc....
Tu peux mettre ce que tu veux entre les span (a part des balises block je crois), par exemple une image.
Par contre, c'est pas terrible pour l'accessibilité....
-
Allez, je suis trop bon, je t'ai fait un exemple :
sylvain.sab.free.fr/autres/ccmsdz/infobulle.html
Mets ta souris sur "Mon chanteur préféré".
Ah oui, mais sous IE, ca ne fonctionne pas, il faut mettre des liens. :(
[EDIT] Hé non, même avec des liens ca marche pas.
Un exemple avec des liens :
http://sylvain.sab.free.fr/autres/ccmsdz/infobullelien.html -
Tu peux aussi le faire en JavaScript, mais ca je ne sais pas faire.
