Inserer image dans info-bulles ?
Résolu
elidris
elidris
- Messages postés
- 125
- Date d'inscription
- lundi 15 août 2005
- Statut
- Membre
- Dernière intervention
- 9 octobre 2007
elidris
- Messages postés
- 125
- Date d'inscription
- lundi 15 août 2005
- Statut
- Membre
- Dernière intervention
- 9 octobre 2007
A voir également:
- Images bulles
- Images de bulles - Meilleures réponses
- Image bulles - Meilleures réponses
- Comment mettre une image dans une info-bulle ? - Codes sources - Delphi / Pascal (Divers)
- C / C++ / C++.NET : Créer un tooltip en forme de bulle sous windows avec une image dans la b - Guide
- Javascript : Liens avec info-bulle image. - CodeS SourceS - Guide
- Comment mettre une info bulle image à une image ✓ - Forum - Javascript / DHTML
- Comment changer une info bulle texte en info bulle image ? help svp ✓ - Forum - Javascript / DHTML
7 réponses
cs_Anthomicro
22 avril 2006 à 07:30
- Messages postés
- 9433
- Date d'inscription
- mardi 9 octobre 2001
- Statut
- Membre
- Dernière intervention
- 13 avril 2007
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
22 avril 2006 à 11:30
- 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
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
22 avril 2006 à 13:41
- 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
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
22 avril 2006 à 15:53
- 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
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
22 avril 2006 à 19:34
- Messages postés
- 9433
- Date d'inscription
- mardi 9 octobre 2001
- Statut
- Membre
- Dernière intervention
- 13 avril 2007
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
22 avril 2006 à 19:35
- Messages postés
- 9433
- Date d'inscription
- mardi 9 octobre 2001
- Statut
- Membre
- Dernière intervention
- 13 avril 2007
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
23 avril 2006 à 01:22
- 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 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