Partager vos
astuces Bricolage
Posez votre question Signaler

Texte survol

superfly - Dernière réponse le 8 oct. 2006 à 18:55
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
Lire la suite 

Texte survol »

4 réponses
Réponse
+0
moins plus
Ssylvainsab 2869Messages postés 30 juillet 2006Date d'inscription 30 septembre 2010Dernière intervention 8 oct. 2006 à 17:51
"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é....

Ajouter un commentaire
superfly - 8 oct. 2006 à 18:54
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!!!
Ajouter un commentaire
Réponse
+0
moins plus
Ssylvainsab 2869Messages postés 30 juillet 2006Date d'inscription 30 septembre 2010Dernière intervention 8 oct. 2006 à 18:03
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

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Ssylvainsab 2869Messages postés 30 juillet 2006Date d'inscription 30 septembre 2010Dernière intervention 8 oct. 2006 à 18:55
Tu peux aussi le faire en JavaScript, mais ca je ne sais pas faire.

Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « texte survol » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Réduire les coûts d'impression dans l'entreprise