NPDS : Gestion de contenu et de communauté
Content & Community Management System (CCMS) robuste, sécurisé, complet, performant, parlant vraiment français, libre (Open-Source) et gratuit.
32 visiteur(s) et 0 membre(s) en ligne.
Autres infos
Activité du Site
Pages vues depuis 25/05/2001 : 108 400 720
- Nb. de membres 8 693
- Nb. d'articles 1 695
- Nb. de forums 26
- Nb. de sujets 8
- Nb. de critiques 92
Index du forum »» Le coin des codeurs »» [Résolu] - TOOLTIP ?
[Résolu] - TOOLTIP ?#25762
2Contributeur(s)
3 Modérateur(s)
B-Mag
Bjr
comment doit on coder une infobulle sous Npds?
ce code là que j'utilisais depuis toujours ds mes pages html ne marche pas
voici la CSS de base que j'ai, celle des themes proposés sans changement
comment doit on coder une infobulle sous Npds?
<a class="tooltip" href="#">texte du lien<span>Votre texte de l'info bulle</span></a>
ce code là que j'utilisais depuis toujours ds mes pages html ne marche pas
voici la CSS de base que j'ai, celle des themes proposés sans changement
/************************************************************************
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