Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2155 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  afficher un message au passage de la souris

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

afficher un message au passage de la souris

n°1277701
mabo25
Posté le 05-01-2006 à 16:27:15  profilanswer
 

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 ?
 
 
 
 

mood
Publicité
Posté le 05-01-2006 à 16:27:15  profilanswer
 

n°1277702
afbilou
pouet your life
Posté le 05-01-2006 à 16:32:41  profilanswer
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  3. <head>
  4. <title>Test</title>
  5. <meta http-equiv="Content-Type"     content="application/xhtml+xml; charset=iso-8859-1"  />
  6. <style type="text/css">
  7.  * {
  8.   margin:      0;
  9.   padding:     0;
  10.  }
  11.  a.infobulle {
  12.   border-bottom:  1px dotted gray;
  13.   position:     relative;
  14.  }
  15.  a.infobulle span {
  16.   white-space:   nowrap;
  17.   position:     absolute;
  18.   top:       1.2em;
  19.   left:       0;
  20.   display:     none;
  21.   border:      1px solid black;
  22.   background-color: yellow;
  23.  }
  24.  a.infobulle:hover span {
  25.   display:     block;
  26.  }
  27. </style>
  28. </head>
  29. <body>
  30. <h1>Test infobulle</h1>
  31. <p>
  32.  Bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour
  33.  <br />
  34.  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
  35.  <br />
  36.  Bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour bonjour
  37. </p>
  38. </body>
  39. </html>


Message édité par afbilou le 05-01-2006 à 17:54:11
n°1277751
xtof_83
Freeride Spirit
Posté le 05-01-2006 à 18:46:35  profilanswer
 

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

n°1277757
afbilou
pouet your life
Posté le 05-01-2006 à 19:03:47  profilanswer
 

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.

n°1278158
queshua
Posté le 06-01-2006 à 13:30:57  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  afficher un message au passage de la souris

 

Sujets relatifs
[resolu] recherche + le suivant + ... voir autre message[Inno Setup 5] afficher différentes licences selon la langue
afficher une photo...Peut on faire on faire afficher des couleurs ds liste deroulante
Afficher les entrées d'une table mais sans doublonsComment afficher l'etat des processus dans Cygwin?
passage de variable entre php et flashScript pour afficher la fenêtre "Fermeture de session Windows"
Comment afficher/récupérer des éléments (POO) d'un tableau[ACCESS]passage de paramètre entre formulaire et état
Plus de sujets relatifs à : afficher un message au passage de la souris


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR