Message sur passage de la souris
mlpo
-
p@x23 -
p@x23 -
Bonjour,
Je voudrais pour mon formulaire que au moment ou on passe la souris sur un champ un message s'affiche et qui suivent la souris (exactement pareil que le formulaire https://forums.commentcamarche.net/forum/ en bas de la page)
Merci d'avance
Je voudrais pour mon formulaire que au moment ou on passe la souris sur un champ un message s'affiche et qui suivent la souris (exactement pareil que le formulaire https://forums.commentcamarche.net/forum/ en bas de la page)
Merci d'avance
A voir également:
- Message sur passage de la souris
- Comment recuperer un message supprimé sur whatsapp - Guide
- Quelle touche pour débloquer la souris ? - Guide
- Message absence thunderbird - Guide
- Comment epingler un message sur whatsapp - Accueil - Messagerie instantanée
- Passage qwerty azerty - Guide
3 réponses
Salut !
C'est ce qu'on appelle les infobulles. Une petite recherche sur Google et tu auras pas mal de tutoriels.
Un exemple : http://dypso.free.fr/tech/css_infobulle.php
C'est ce qu'on appelle les infobulles. Une petite recherche sur Google et tu auras pas mal de tutoriels.
Un exemple : http://dypso.free.fr/tech/css_infobulle.php
Ok, mais comment on l'applique? je ne connait pas trop les macro... comment applique ce fameux code :
<STYLE>
a.info{
position:relative;
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; color:#6699cc;
text-align: justify;
font-weight:none;
padding:1px;
}
</STYLE>
<STYLE>
a.info{
position:relative;
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; color:#6699cc;
text-align: justify;
font-weight:none;
padding:1px;
}
</STYLE>
