Copyright 2021 - Custom text here

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>
f t g m