Texte survol

superfly -  
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

3 réponses

Ssylvainsab Messages postés 2892 Statut Modérateur 825
 
"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é....
0
superfly
 
Ho la la , c'est du Charabia pour moi!! en tout cas merci de ta reponse sylvain!

Je crois que je vais lacher l'affaire!!!
0
Ssylvainsab Messages postés 2892 Statut Modérateur 825
 
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
0
Ssylvainsab Messages postés 2892 Statut Modérateur 825
 
Tu peux aussi le faire en JavaScript, mais ca je ne sais pas faire.
0