afficher un message au passage de la souris

afficher un message au passage de la souris - HTML/CSS - Programmation

Marsh Posté le 05-01-2006 à 16:27:15    

Bonjour,
 
je cherche un moyen d'afficher un message au passage de la souris sur un mot dans une page web.
J'ai trouvé un début de solution mais il n'est pas concluant car je ne voudrais pas qu'il soit possible de cliquer sur le mot. Je voudrais juste que le message s'affiche.
 
Avez-vous une solution ?
 
 
 
 

Reply

Marsh Posté le 05-01-2006 à 16:27:15   

Reply

Marsh Posté le 05-01-2006 à 16:32:41    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  5. <head>
  6. <title>Test</title>
  8. <meta http-equiv="Content-Type"     content="application/xhtml+xml; charset=iso-8859-1"  />
  10. <style type="text/css">
  11.  * {
  12.   margin:      0;
  13.   padding:     0;
  14.  }
  15.  a.infobulle {
  16.   border-bottom:  1px dotted gray;
  17.   position:     relative;
  18.  }
  19.  a.infobulle span {
  20.   white-space:   nowrap;
  21.   position:     absolute;
  22.   top:       1.2em;
  23.   left:       0;
  24.   display:     none;
  25.   border:      1px solid black;
  26.   background-color: yellow;
  27.  }
  29.  a.infobulle:hover span {
  30.   display:     block;
  31.  }
  32. </style>
  34. </head>
  36. <body>
  38. <h1>Test infobulle</h1>
  40. <p>
  42.  Bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour
  43.  <br />
  44.  Bonjour bonjour bonjour bonjour <a class="infobulle"><span>wé alors patati patata ca veut rien dire !</span>patati patata</a> bonjour bonjour bonjour bonjour bonjour
  45.  <br />
  46.  Bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour
  48. </p>
  50. </body>
  52. </html>


Message édité par afbilou le 05-01-2006 à 17:54:11
Reply

Marsh Posté le 05-01-2006 à 18:46:35    

Sympas ton truc..propre et tout ;)
 
Mais pas valide IE .... :non:

Reply

Marsh Posté le 05-01-2006 à 19:03:47    

Y a juste un hack IE a rajouter a la CSS pour que ca fonctionne !
Me rappelle plus ce qu'il faut mais c'est juste une déclaration.
Avec un peu de recherche il devrait finir par trouver ce qu'il manque.

Reply

Marsh Posté le 06-01-2006 à 13:30:57    

ou alors, il te reste la balise <title>ton mot</title> et normalement, ça passe sous IE et Mozilla. :bounce:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed