Tempi di caricamento con css sprites

[nippy]

Tempi di caricamento con css sprites

Analizzando il mio sito Yslow ho notato che come suggerimento per miglioare i tempi caricamento compare anche il seguente
"This page has 8 external background images. Try combining them with CSS sprites."
Non essendo molto pratica di CSS vorreri sapere in che modo posso applicare questa tecnica al mio sito ho provato a leggere qualche guida ma si parlva soprattutto del suo utilizzo per creare menù con immagini.
Se qualcuno può darmi qualche delucidazione in proposito gliene sarei grata.

Foglio di stile:
http:/sulgiappone.altervista.org/sites/all/themes/sulgiappone/style.css
Grazie per l'attenzione

[greybear]

Io non sono un esperto di CSS ma vedo che lì richiami l'immagine con un indirizzo assoluto (ed esterno) con tanto di http:/ mentre devi dargli un indirizzo relativo allo script (.css) che lo richiama.

[PHP]ul li.collapsed{background:transparent url(http:/sulgiappone.altervista.org/sites/all/themes/sulgiappone/images/menu-collapsed.gif) no-repeat 0 0.35em;}[/PHP]

supponendo che il css stia nella directory "sulgiappone" ed è così, la riga diventa:

[PHP]ul li.collapsed{background:transparent url(images/menu-collapsed.gif) no-repeat 0 0.35em;}[/PHP]

[nippy]

Ok grazie ho proveduto a correggere