Infobulles
<HTML><HEAD><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>
</HEAD>
<BODY>
<a class="info" onclick="return false" href="#">infobulle<span>
Information qui s'affiche normalement au passage de la souris afin de fournir comme ici une
information contextuelle par exemple ou simplement afficher une légende</span></a>
<BR>
<a class="info" onclick="return false" href="#">infobulle<span>
autre info qui s'affiche normalement au passage de la souris afin de fournir comme ici une
information contextuelle par exemple ou simplement afficher une légende</span></a>
</BODY>
</HTML>