Bonjour,

Je suis noob en intégration et quelque chose m'échappe sur les sprites.

Je souhaite remplacer le style suivant (.post blockquote)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
background: #f5f5f5 url(images/quote.gif) no-repeat 4px 4px;
par l'appel à un sprite :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
	background-color: #f5f5f5;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-attachment: 4px;
	background-position: -0px -0px;
Mais je ne vois pas où lui spécifier la largeur et hauteur d'image à prendre. Je n'ai que la position. A l'affichage, je me retrouve effectivement avec les autres images du sprite à la suite.

Dans les tutos à ce sujet, il y a un espèce d'héritage mais je ne vois pas comment l'appliquer dans la mesure où mon bloc ne peut pas être limité aux dimensions de l'image -> il y a du texte après.

Le code généré par le sprite est le suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
.sprite-quote-gif {
    width: 60px;
    height: 60px;
    background-position: -0px -0px;
}
Je sens que c'est tout bête mais un pointeur serait le bienvenu.

Foucha.