Discussion :

[petitevero]

Bonjour,
J'ai un bouton J'aime qui fonctionne.



Le code CSS est:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css">
 
	body { font-family: Georgia, serif; 
        font-size:13px;
}
 
	a.jaime { display: inline-block; color: #646464; text-decoration: none;
        background: url(pouce.gif) 0% 50% no-repeat; padding-left: 20px; }
	a.jaime:hover { text-decoration: underline;  }
	a.jaime-a-voter { font-style: italic; cursor: default; background:   url(coeur.gif) 
        0% 50% no-repeat; padding-left: 20px; }
	a.jaime-a-voter:hover { text-decoration: none; }

Je veux changer l'apparence de celui-ci, en lui rajoutant un tour gris. Mais quand je met un background: #DEDEDE; , l'image url(pouce.gif) disparaît.



Mon code CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style type="text/css">
 
	body { font-family: Georgia, serif; 
        font-size:13px;
}
 
	a.jaime { display: inline-block; color: #646464; text-decoration: none; 
        background: url(pouce.gif) 0% 50% no-repeat; padding-left: 20px;
        background: #DEDEDE;
	padding : 0.4em 0.6em 0.4em 0.5em;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	border-radius : 7px;
 }
	a.jaime:hover { text-decoration: underline;  }
	a.jaime-a-voter { font-style: italic; cursor: default; background: url(coeur.gif) 0% 50% no-repeat; padding-left: 20px; }
	a.jaime-a-voter:hover { text-decoration: none; }

Comment avoir et le tour gris et l'image du pouce en même temps???

Merci