Forum » » Le coin des codeurs » » [Résolu] - TOOLTIP ?
Posté : 17 mars 2013 à 09:42
<a class="tooltip" href="#">texte du lien<span>Votre texte de l'info bulle</span></a>
/************************************************************************
Liens Tooltip ==> Info Bulles
Initialement prévu pour Download
fonctionnel ou vous le souhaitez
*************************************************************************/
a.tooltip {
/*color: gray;*/
border-bottom: 1px dotted gray;
}
a.tooltip em {
display:none;
}
a.tooltip:hover {
border: 0;
position: relative;
z-index: 500;
text-decoration:none;
}
a.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
top: 20px;
left: -10px;
padding: 5px;
color: #000;
border: 1px solid #bbb;
background: #ffc;
width:170px;
text-align: left;
}
a.tooltip:hover em span {
position: absolute;
top: -7px;
left: 15px;
height: 7px;
width: 11px;
margin:0;
padding: 0;
border: 0;
}
Message édité par : B-Mag / 17-03-2013 09:43
Message édité par : B-Mag / 17-03-2013 09:47
Cet article provient de NPDS
https://www.npds.org/viewtopic.php?topic=25762&forum=5