[css] afficher image sur div différent
bonjour à tous
j'essaie, en vain, de faire afficher une image dans un div donné depuis un lien qui se trouve sur un autre div...
donc en gros en passant la souris sur un texte placé dans un div je souhaiterai que ça m'affiche une image sur un autre div...
mon css est composé de la sorte:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| .zone_affichage_image {
position:absolute;
top: 420px;
width:120px;
height:120px;
margin-left:620px;
display: block;
}
.zone_affichage_image a {
text-decoration: none;
}
.zone_affichage_image a span {
display: none;
}
.zone_affichage_image a:hover span {
display: inline;
position: absolute;
top: 620px;
margin-left: 600px;
width: 120px;
height: 120px;
} |
et mon code d'appel:
Code:
1
2
3
4
|
<div class="zone_texte">
<a href="">mon texte qui va faire apparaitre l'image<span><img src="/images/divers/image.jpg"></span></a>
</div> |
faut-il que j'attribue à span la class zone_affichage_image ? si oui, comment lui spécifier car le texte je souhaite qu'il dépende de ma classe zone_texte mais qu'au survol de celui-ci , il fasse afficher une image dans zone_affichage_image...
merci de votre aide
