Info-bulle qui suit le curseur
papalima91
Messages postés
34
Statut
Membre
-
papalima91 Messages postés 34 Statut Membre -
papalima91 Messages postés 34 Statut Membre -
Bonjour,
J' utilise dream weaver cs3 et j'ai créé une info-bulle qui apparait sur une image (bandeau largeur de page)
Ca fonctionne bien mais dès que je déplace le curseur sur cette image l'info-bulle disparait.
je voudrais que linfo-bulle reste visible tant que le curseur reste sur l'image.
voici mon code actuel tout simplement:
<p><label></label>
<a href="http://mon lien.html" title="cliquer pour voir mon lien" target="_blank"><img src="mon bandeau.gif" width="955" height="33" /></a></p>
merci de votre aide
papalima91
J' utilise dream weaver cs3 et j'ai créé une info-bulle qui apparait sur une image (bandeau largeur de page)
Ca fonctionne bien mais dès que je déplace le curseur sur cette image l'info-bulle disparait.
je voudrais que linfo-bulle reste visible tant que le curseur reste sur l'image.
voici mon code actuel tout simplement:
<p><label></label>
<a href="http://mon lien.html" title="cliquer pour voir mon lien" target="_blank"><img src="mon bandeau.gif" width="955" height="33" /></a></p>
merci de votre aide
papalima91
A voir également:
- Info-bulle qui suit le curseur
- Crystal disk info - Télécharger - Informations & Diagnostic
- Info pc - Guide
- Comment savoir qui me suit sur facebook - Guide
- Chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit - Guide
- Comment faire apparaître le curseur sans souris - Guide
8 réponses
pour une infobule :
code css :
code html :
essaie ça marche
code css :
#infobulle{
display : none;/*au début on ne la fait pas apparaitre*/
}
#lien_image_infobulle:hover #infobulle{
/*le but ici est de faire apparaitre l'infobulle au dessus de l'image lorsque le curseur la survole*/
display : inline;
z-index:200;
border :none;
}
#lien_image_infobulle{
/*ici les styles par défaut du lien qui contient l'image*/
}
code html :
<a href="ta_page" target="_blank" id="lien_image_infobulle"><span id="infobulle">description de l'image</span><img src="ton image" alt="remplacement"/></a>
essaie ça marche
Hello, Artragis.
j'ai essayé ce code css .
le lien fonctionne mais je n'ai plus d'infobulle du tout.
dream weaver rajoute une ancre nommée dans le coin de l'image.
Je ne dois pas être loin !
merci de m'informer.....
j'ai essayé ce code css .
le lien fonctionne mais je n'ai plus d'infobulle du tout.
dream weaver rajoute une ancre nommée dans le coin de l'image.
Je ne dois pas être loin !
merci de m'informer.....
mets z-index :1; dans #lien_image_infobulle
sinon, je ne sais pas car pour moi dreamweaver je l'ai jamais essayé, trop cher et jamais bon ce genre de logiciel
sinon, je ne sais pas car pour moi dreamweaver je l'ai jamais essayé, trop cher et jamais bon ce genre de logiciel
Hello, Artragis.
je pense que le souci vient du lien. Comme j'ai plusieurs styles css,j'ai mis une variable et
j' ai écrit :
<DIV CLASS="variable1">
<a href="le lien.html" title="mon texte" target="_blank"><img src="mon bandeau.gif" width="955" height="33" /></a></DIV></p>
Est-ce correct?
merci de m'informer...
je pense que le souci vient du lien. Comme j'ai plusieurs styles css,j'ai mis une variable et
j' ai écrit :
<DIV CLASS="variable1">
<a href="le lien.html" title="mon texte" target="_blank"><img src="mon bandeau.gif" width="955" height="33" /></a></DIV></p>
Est-ce correct?
merci de m'informer...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hello, Artragis.
Je suis une vraie buse !
le mieux que j'ai obtenu, c'est l'affichage "remplacement" au dessus de la fenêtre de mon bandeau qui a disparu.
Par contre quand je survole toute cette fenêtre vide, la bulle s'affiche avec mon texte et reste visible; Au clic, le lien fonctionne.
merci pour ton aide, mais aujourd'hui j'ai mon compte, je vais arrêter.
Merci d'avoir répondu et à bientôt.
papalima91
Je suis une vraie buse !
le mieux que j'ai obtenu, c'est l'affichage "remplacement" au dessus de la fenêtre de mon bandeau qui a disparu.
Par contre quand je survole toute cette fenêtre vide, la bulle s'affiche avec mon texte et reste visible; Au clic, le lien fonctionne.
merci pour ton aide, mais aujourd'hui j'ai mon compte, je vais arrêter.
Merci d'avoir répondu et à bientôt.
papalima91
une balise <img> doit avoir l'attribut alt="texte" où le texte est en fait le texte qui replace l'image si celle si ne se charge pas. Sur Firefox, ce texte crée aussi une infobulle MAIS CE N'EST PAS UN STANDARD, pour créer une infobulle, c'est comme je te l'ai montré.
Hello, Artragis.
Enfin j'ai trouvé une bulle CSS entièrement paramétrable , je t'en fais profiter on ne sait jamais, ça donne :
<style type="text/css">
a {
text-decoration:none;
position:relative;
color:blue;
}
a span {
display:none;
}
a:hover {
background:none;
}
a:hover span {
background-color:#eee;
color:#aaa;
display:block;
position:absolute;
top:-19px;
left:340px;
padding:3px 25px;
border:1px dashed #333;
}
</style>
<a href="#"> <img src="mon bandeau.gif" width="850" height="33"/> <span>cliquez
pour voir mon lien </span></a></p>
Il y a une toute petite différence de présentation entre FF et IE mais ça me convient.
A+
papalima91
Enfin j'ai trouvé une bulle CSS entièrement paramétrable , je t'en fais profiter on ne sait jamais, ça donne :
<style type="text/css">
a {
text-decoration:none;
position:relative;
color:blue;
}
a span {
display:none;
}
a:hover {
background:none;
}
a:hover span {
background-color:#eee;
color:#aaa;
display:block;
position:absolute;
top:-19px;
left:340px;
padding:3px 25px;
border:1px dashed #333;
}
</style>
<a href="#"> <img src="mon bandeau.gif" width="850" height="33"/> <span>cliquez
pour voir mon lien </span></a></p>
Il y a une toute petite différence de présentation entre FF et IE mais ça me convient.
A+
papalima91
