themioux
Messages postés45Date d'inscriptiondimanche 29 mai 2005StatutMembreDernière intervention14 avril 2011 14 sept. 2007 à 09:23
C'est vrai, c'est pas une popup, mais je savais pas trop comment l'exprimer :D
cs_DARKSIDIOUS
Messages postés15814Date d'inscriptionjeudi 8 août 2002StatutMembreDernière intervention 4 mars 2013130 14 sept. 2007 à 06:57
Ce n'est pas un popup mais une simulation d'info-bulle.
Voir ici pour un exemple en pur css qui marche très bien (bon cela oblige de créer un span dans la balise a par contre) :
<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;
14 sept. 2007 à 09:23
14 sept. 2007 à 06:57
Voir ici pour un exemple en pur css qui marche très bien (bon cela oblige de créer un span dans la balise a par contre) :
<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>
13 sept. 2007 à 21:06
#linkbar>a{
background-color: #E0F0FF;
}
#linkbar>span{
background-color: #00AAFF;
color:#FFF;
}
#linkbar>a>span, #linkbar>span>span{
display:none;
font-size:small;
}
#linkbar>a:hover>span, #linkbar>span:hover>span{
display:block;
position:absolute;
margin-left:5%;
color:#00AAFF;
}
avec le code xhtml suivant :
<td colspan="2" id="linkbar">
index
La page d'accueil de ce site
13 sept. 2007 à 11:24
13 sept. 2007 à 08:12
Tu aurais pas un lien ou un exemple ?
13 sept. 2007 à 06:50