REMPLACER LES "TITLE" PAR DES POPUPS

coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 - 13 sept. 2007 à 06:50
themioux Messages postés 45 Date d'inscription dimanche 29 mai 2005 Statut Membre Dernière intervention 14 avril 2011 - 14 sept. 2007 à 09:23
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/44059-remplacer-les-title-par-des-popups

themioux Messages postés 45 Date d'inscription dimanche 29 mai 2005 Statut Membre Dernière intervention 14 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és 15814 Date d'inscription jeudi 8 août 2002 Statut Membre Dernière intervention 4 mars 2013 130
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;


top:2em; left:2em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; color:#6699cc;
text-align: justify;
font-weight:none;
padding:1px;

}
</STYLE>
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
13 sept. 2007 à 21:06
a vrai dire, j'ai pas reussi a gerer le positionnement avec du CSS... MAIS :
#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
cs_whoetbe Messages postés 9 Date d'inscription lundi 8 mars 2004 Statut Membre Dernière intervention 21 novembre 2008
13 sept. 2007 à 11:24
ha oui, c'est intéressant en css ? dis nous !
themioux Messages postés 45 Date d'inscription dimanche 29 mai 2005 Statut Membre Dernière intervention 14 avril 2011
13 sept. 2007 à 08:12
Arf ! Je savait pas, justement j'avais fais une recherche rapide sur google et j'avais pas trouvé :D

Tu aurais pas un lien ou un exemple ?
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
13 sept. 2007 à 06:50
c'est faisable entierement en CSS autrement...