Image au survol d'un texte
Résolu/Fermé
Patty5083
Messages postés
34
Date d'inscription
lundi 14 avril 2014
Statut
Membre
Dernière intervention
10 novembre 2019
-
14 avril 2014 à 13:34
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 15 avril 2014 à 15:46
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 15 avril 2014 à 15:46
A voir également:
- Afficher une image au survol de la souris
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Ce programme est écrit en python. il construit un mot secret dans une variable mais il ne l'affiche pas. modifiez-le pour qu'il affiche le mot secret. exécutez-le. quel est ce mot secret ? ✓ - Forum Python
- Quelle touche pour débloquer la souris ? - Guide
- Image iso - Guide
- Afficher mot de passe wifi android - Guide
2 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
Modifié par animostab le 15/04/2014 à 15:49
Modifié par animostab le 15/04/2014 à 15:49
plus simple avec html/css et la balise span (sans jquery ni scripts)
html
<div class="musicien">
<p><a href="">Le nom du musicien<span><img src="image.jpg" alt="description image"/></span></a></p>
</div>
css
.musicien a span {
display:none;
}
.musicien a:hover span {
display:block;
margin:0 0 0 0:
}
après tu positionnes comme tu veux avec les margin dans .musicien a:hover span
suivant ce que tu veux tu rajoute position:relative; ou position:absolute;
tu peux meme créer un effet d'apparition avec @keyframes
.
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
html
<div class="musicien">
<p><a href="">Le nom du musicien<span><img src="image.jpg" alt="description image"/></span></a></p>
</div>
css
.musicien a span {
display:none;
}
.musicien a:hover span {
display:block;
margin:0 0 0 0:
}
après tu positionnes comme tu veux avec les margin dans .musicien a:hover span
suivant ce que tu veux tu rajoute position:relative; ou position:absolute;
tu peux meme créer un effet d'apparition avec @keyframes
.
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
