Table des matières

Exemple


L'image

L'image contien en fait les deux imagette a afficher :

Le CSS

css
a {
	background: url(image.gif) no-repeat 0 9px;
	padding: 6px 0 2px 18px;
}
a:hover {
	background: url(image.gif) no-repeat 0 -91px;
}

Le padding, sert a callé le texte du lien pour ne pas qu'il se superpose a l'image.
Quand au coordonné du background ( le 9 puis le -91) corresponde a la position de l'image.
La carré orage (de survol) se trouve a 91px du haut de l'image donc, il faut monter l'image de 91px (pour monter on va dans le négatif, donc -91) pour l'afficher.