Techniques

Cette section permet de regrouper un ensemble de techniques ou de scripts qui ont l'originalité d'arriver à résoudre une difficulté avec le moindre effort ou qui sont particulièrement efficaces...

Techniques / CSS

Créer une infobulle personnalisée sans javascript.

D'ordinaire afin de pouvoir créer une infobulle il est fait recours à l'attribut legend ou title. Mais dès qu'il est question de personnalisé la bulle d'aide, généralement c'est une technique à base de layer et de javascript qui est employée. Voici comment présenter le plus simplement du monde une infobulle à l'apparence personnalisée sans avoir recours au javascript :


<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>

Cela permet d'avoir une infobulle 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 particulière!

Warning: mysql_connect() [function.mysql-connect]: Access denied for user 'dypso'@'172.20.245.55' (using password: YES) in /mnt/110/sdb/3/1/dypso/include/tools.php on line 106
Impossible de se connecter : Access denied for user 'dypso'@'172.20.245.55' (using password: YES)