Inserer image dans info-bulles ?
Résolu
elidris
Messages postés
125
Date d'inscription
lundi 15 août 2005
Statut
Membre
Dernière intervention
9 octobre 2007
-
22 avril 2006 à 00:56
elidris Messages postés 125 Date d'inscription lundi 15 août 2005 Statut Membre Dernière intervention 9 octobre 2007 - 23 avril 2006 à 01:22
elidris Messages postés 125 Date d'inscription lundi 15 août 2005 Statut Membre Dernière intervention 9 octobre 2007 - 23 avril 2006 à 01:22
A voir également:
- Images de bulles
- Ttttyyyy images - Forum Visual Basic
- Automatisation des images ✓ - Forum Javascript / DHTML
- Une image .tiff repose sur une palette de 256 000 couleurs. - Forum C / C++ / C++.NET
- Jeux de mots avec image ✓ - Forum C# / .NET
- Faire défiler des images en boucle html ✓ - Forum Javascript / DHTML
7 réponses
cs_Anthomicro
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
8
22 avril 2006 à 07:30
22 avril 2006 à 07:30
Salut,
non, il faut passer par ton propre système d'info-bulles (en JS ou en CSS, d'ailleurs un système en CSS serait pas mal du tout à mon avis)
a +
<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li><li>Codes-php.net</li>
non, il faut passer par ton propre système d'info-bulles (en JS ou en CSS, d'ailleurs un système en CSS serait pas mal du tout à mon avis)
a +
<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li><li>Codes-php.net</li>
elidris
Messages postés
125
Date d'inscription
lundi 15 août 2005
Statut
Membre
Dernière intervention
9 octobre 2007
22 avril 2006 à 11:30
22 avril 2006 à 11:30
Merci pour ta réponse Anthomicro , je n'ai pas encore approfondie la partie CSS dans mes connaissances, je vais donc m'y mettre immediatement et puis si j'arrive a faire ce que je veux c'est à dire inserer des images et peut-etre des liens dans les info-bulles, peut-etre meme regler le temps d'affichage de l'info-bulles etc...je vous tiens au courant.....
à bientot.
"La vie, c'est pour la vie..."
http://proverbe.intoxmatique.com
à bientot.
"La vie, c'est pour la vie..."
http://proverbe.intoxmatique.com
elidris
Messages postés
125
Date d'inscription
lundi 15 août 2005
Statut
Membre
Dernière intervention
9 octobre 2007
22 avril 2006 à 13:41
22 avril 2006 à 13:41
Excellent, voici la solution en css :
<style>
a.bulle span{
display: none;
}
a.bulle:hover{
background: none; /*contournement bug IE*/
}
a.bulle:hover span{
display: inline;
position: absolute;
background: #EDA1E9;
text-align: top;
text-decoration: none;
color: black;
padding: 0.2em;
BORDER-RIGHT: #7BA2FD 1px solid;
BORDER-TOP: #7BA2FD 1px solid;
BORDER-LEFT: #7BA2FD 1px solid;
BORDER-BOTTOM: #7BA2FD 1px solid;
}
</style>
[lien.html TestProfil de
Marrodeur :
]
"La vie, c'est pour la vie..."
http://proverbe.intoxmatique.com
<style>
a.bulle span{
display: none;
}
a.bulle:hover{
background: none; /*contournement bug IE*/
}
a.bulle:hover span{
display: inline;
position: absolute;
background: #EDA1E9;
text-align: top;
text-decoration: none;
color: black;
padding: 0.2em;
BORDER-RIGHT: #7BA2FD 1px solid;
BORDER-TOP: #7BA2FD 1px solid;
BORDER-LEFT: #7BA2FD 1px solid;
BORDER-BOTTOM: #7BA2FD 1px solid;
}
</style>
[lien.html TestProfil de
Marrodeur :
]
"La vie, c'est pour la vie..."
http://proverbe.intoxmatique.com
elidris
Messages postés
125
Date d'inscription
lundi 15 août 2005
Statut
Membre
Dernière intervention
9 octobre 2007
22 avril 2006 à 15:53
22 avril 2006 à 15:53
petit exemple pour le fun :
http://copieurs.jexiste.fr/intoxitation/info_bulle.htmlhttp://proverbe.intoxmatique.com/
http://copieurs.jexiste.fr/intoxitation/info_bulle.htmlhttp://proverbe.intoxmatique.com/
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
cs_Anthomicro
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
8
22 avril 2006 à 19:34
22 avril 2006 à 19:34
tout ça :
BORDER-RIGHT: #7BA2FD 1px solid;
BORDER-TOP: #7BA2FD 1px solid;
BORDER-LEFT: #7BA2FD 1px solid;
BORDER-BOTTOM: #7BA2FD 1px solid;
tu peux le remplacer par border:1px solid #7BA2D;
;-)
Sinon ça rend bien en effet :-)
<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li><li>Codes-php.net</li>
BORDER-RIGHT: #7BA2FD 1px solid;
BORDER-TOP: #7BA2FD 1px solid;
BORDER-LEFT: #7BA2FD 1px solid;
BORDER-BOTTOM: #7BA2FD 1px solid;
tu peux le remplacer par border:1px solid #7BA2D;
;-)
Sinon ça rend bien en effet :-)
<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li><li>Codes-php.net</li>
cs_Anthomicro
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
8
22 avril 2006 à 19:35
22 avril 2006 à 19:35
2FD et pas 2D dans la couleur, enfin je pense que tu auras vu l'erreur
<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li><li>Codes-php.net</li>
<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li><li>Codes-php.net</li>
elidris
Messages postés
125
Date d'inscription
lundi 15 août 2005
Statut
Membre
Dernière intervention
9 octobre 2007
23 avril 2006 à 01:22
23 avril 2006 à 01:22
a oui exacte, mais pour l'exemple c'est mieux de tout mettre comme ça on connais les options border-right,left....que moi je ne connaissais pas, mais pour mon exemple c'est vrai que border:1px solid #7BA2FD;
suffisait ;)
"La vie, c'est pour la vie..."
http://proverbe.intoxmatique.com
suffisait ;)
"La vie, c'est pour la vie..."
http://proverbe.intoxmatique.com
