Discussion :

[Jesmar]

bnjour
je voudrais appliquer un style css sur un div lorsque je passe ma souris au dessus d'un lien
je l'ai déjà fait auparavant mais je me rappelle plus comment

j'ai un lien <a>, dans ce lien ya un <div> suivi d'un mot, le div contient à la base une image X, je veux que quand je passe ma souris au dessus du div ou du mot, le div contienne une image Y

HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a id="toggleHeaderPannel" href="#"><div class="imgOpenPannel"></div>Test</a>

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
a#toggleHeaderPannel .imgOpenPannel
{
	background: url('../images/bt_open.png') no-repeat right 0;
}
 
a#toggleHeaderPannel:hover => a#toggleHeaderPannel .imgOpenPannel
{
	background:url('../images/bt_open.png') no-repeat right -20px;
}

le problème est que je ne me rappelle plus le symbole à mettre au milieu, ici j'ai mis "=>"
idée ? merci

[Jesmar]

pourquoi faire simple quand on peut faire compliqué
(ça n'empêche pas que je suis curieux de savoir quel était le symbole à mettre à la place du "=>")

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
HTML
<a id="toggleHeaderPannel" href="#"><div class="imgOpenPannel"></div>Test</a>
 
CSS
a#toggleHeaderPannel .imgOpenPannel
{
	background: url('../images/bt_open.png') no-repeat right 0;
}
 
a#toggleHeaderPannel:hover .imgOpenPannel
{
	background:url('../images/bt_open.png') no-repeat right -20px;
}