Afichage d'une img au survol d'un lien(profil
Résolu
Profil bloqué
-
Profil bloqué -
Profil bloqué -
S'il vous plaît
Je voudrais savoir comment faire pour afficher une image lorsqu'on survole un lien ,tous comme notre image dans le profil de CCM.
Merci d'avance.
Je voudrais savoir comment faire pour afficher une image lorsqu'on survole un lien ,tous comme notre image dans le profil de CCM.
Merci d'avance.
A voir également:
- Afichage d'une img au survol d'un lien(profil
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Voir qui regarde mon profil facebook - Guide
- Img burn - Télécharger - Gravure
- Qui regarde mon profil instagram - Guide
12 réponses
elles sont un peu barbares vos solutions.
tout simplement:
<a href="...." id="lien" ><img id="image" src=..... /></a>
#image { display: none; }
#lien:hover > #image { display:block; position:absolute;}
tout simplement:
<a href="...." id="lien" ><img id="image" src=..... /></a>
#image { display: none; }
#lien:hover > #image { display:block; position:absolute;}
Salut,
C'est du JavaScript.
Il y a une manière simple, mais un peu à l'arrache qui consiste à mettre l'attribut onClick dans le lien ou l'image.
Ou alors le faire avec un script en JavaScript, c'est le cas de CCM.
Cordialement
C'est du JavaScript.
Il y a une manière simple, mais un peu à l'arrache qui consiste à mettre l'attribut onClick dans le lien ou l'image.
Ou alors le faire avec un script en JavaScript, c'est le cas de CCM.
Cordialement
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bah il faut que tu utilises les attributs OnMouseOver et OnMouseOut qui sont en JavaScript mais à mettre dans ta balise image.
Le plus facile est avec du javascript,
Tu à un super script ici : http://flowplayer.org/tools/demos/tooltip/any-html.html
Dit ce que tu en pense.
Si tu veut que du HTML CSS, voici un exemple que j'ai modifié à l'arrache mais que tu peut améliorer.
HTML :
CSS :
A+
OpenSourceWay
Tu à un super script ici : http://flowplayer.org/tools/demos/tooltip/any-html.html
Dit ce que tu en pense.
Si tu veut que du HTML CSS, voici un exemple que j'ai modifié à l'arrache mais que tu peut améliorer.
HTML :
<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"> <link type="text/css" rel="stylesheet" href="css.css"> <title>Afficher une image au survol</title> </head><body> <div style="margin-left: 150px;" id="menu"> <ul class="niveau1"> <li class="sousmenu"><p>Pseudo</p> <ul class="niveau2"> <li><img src="http://www.grafikart.fr/img/boite-videos.png" alt=""></li> </ul> </li> </ul> </div> </body></html>
CSS :
div#menu li.sousmenu {
background-color:orange;
}
div#menu ul li {
list-style:none outside none;
position:relative;
}
div#menu ul ul {
display:none;
left:100px;
position:absolute;
top:-1px;
}
div#menu li a {
border-left:8px solid #BBBBBB;
display:block;
padding:4px 0 4px 8px;
text-decoration:none;
width:84px;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover {
display:block;
background-color:red;
}
A+
OpenSourceWay
ouai, le HTML et bien, c'est sympa, j'essayerai de approfondir plus tard car j'ai beaucoup de chose a faire, je te tien au courant.
Merci;)
Merci;)
Exactement ca que je voulais x)
Merci!!
petite questions:
1- A quoi sert le ">" ??
2-Que signifie display ?
Merci ^^
Merci!!
petite questions:
1- A quoi sert le ">" ??
2-Que signifie display ?
Merci ^^
display pour affichage en anglais
https://www.zonecss.fr/proprietes-css/display-css.html
> est un selecteur de classe
E > F désigne les éléments F qui ont un élément parent E
E + F désigne les éléments F qui précèdent directement un élément E
http://www.yoyodesign.org/doc/w3c/css2/selector.html
https://www.zonecss.fr/proprietes-css/display-css.html
> est un selecteur de classe
E > F désigne les éléments F qui ont un élément parent E
E + F désigne les éléments F qui précèdent directement un élément E
http://www.yoyodesign.org/doc/w3c/css2/selector.html
