si

ma dai? alla fine come funziona esattamente? e come si implementa?

tu crei una sola immagine (nel caso degli sprite) che carichi logicamente una volta sola, le restanti volte è cachata.

poi tramite CSS gli dici le coordinate in cui pescare l'immagine in quell'insieme.

dopo ti giro un esempio

ok. a macro elementi avevo capito come. mi sa che fck editor lo usava. alla fine usi dei div di dimensione x*y e gestisci la posizione del bg, giusto?

no puoi anche usare un tag image, carichi un'immagine trasparente come src e come classe css gli dai in pasto quella dove dichiari le coordinate per lo sprite

non so. ma mi sembra così tanto complicarsi la vita.

naaaaaaaaa una volta che ci hai preso la mano, il server ringrazia e corre come un matto

dai. ci faccio un pensierino. anche se - secondo me - come fa la cache di una immagine, la fa di 10!

no, se in una stessa pagina carichi 30 immagini, la richiesta la fai una sola volta al server

Io lo faccio solo per le img nei bg, per quelle nei tag img credo sia una cosa scorretta da fare.

perchè scorretta?

Perché il tag img è fatto per inserire un immagine, se lo usi per fini diversi come includere una gif trasparente e mettere la vera img tramite background in CSS, è un po' una presa in giro. A questo punto conviene farla per bene e non usare del tutto img ma andare di div .

anche, però al tag IMG puoi inserire un tag ALT al div no, dovresti simularlo tramite JS

però okkio che è google stesso a suggerire il CSS Sprite, nel suo page speed!
http://code.google.com/speed/p...

Si ma quel alt è concettualmente legato al contenuto di src non alla sua forzatura... insomma che tecnicamente si possa fare è indubbio, ma è un po' scorretto moralmente IMHO. Io li uso i CSS sprite eh, ma per gli elementi grafici dei siti, non per le immagini vere e proprie. Anche perché google ti indicizza l'img trasparente in base al suo alt, convinto che contenga quel che dichiari.

scusa ma cosa significa moralmente?

no aspè Joel non mi trovi daccordo, il tag ALT è legato all'immagine e serve a far capire all'utente che cavolo di immagine sta vedendo.

visivamente la coerenza è rispettata, visto che l'utente vedrà l'immagine descritta nel tag ALT e se ci va su con il mouse leggerà la sua descrizione.

l'unico inghippo pensandola al tuo modo è per i motori di ricerca ma in entrambi i casi (div o img trasparente) non leggerebbero l'immagine come tale.

E' un po' come usare le tabelle per impaginare dal mio punto di vista, stai usando un tag per degli scopi diversi da quelli per cui è nato. Tecnicamente si può fare e io l'ho anche fatto in passato, ma appena ho capito che non era cosa buona me ne sono vergognato e ora lo reputo inaccettabile. Penso che anche i webmaster debbano avere un etica, ci sono cose che si fanno e cose che non si fanno. Prendere spunto dal codice altrui?legittimo. CTRL+C selvaggio?moralmente sbagliato. CSS sprite per elementi grafici naturalmente inclusi tramite background?giusto. CSS sprite per tutte le immagini del sito?sbagliato.

Preciso che io non sono nessuno per dire agli altri come e cosa fare ovviamente ma dato che è capitato l'argomento ho detto la mia. Figuriamoci se voglio insegnare il mestiere al capo ogni volta che ho qualche problema è lui a insegnare a me...

posso vergognarmi, nel dire che non li conoscevo? posso? posso?

@m3c__
aspè io concordo con te sul fatto di avere una specie di "moralità" e cerco di averla ma non è questo il caso (secondo me eh!).

io infatti visualizzo un'immagine, sempre un'immagine con l'unica differenza che invece di esser chiamata tramite SRC viene richiamata tramite CSS, il tag resta per la sua natura.

scusa è la stessa cosa dei menù, tu usi i tag LI per fare i menù fighetti?

i tag LI per i menù si usano per accessibilità e multi piattaforma.

@capobecchino ...non è che l'esempio a @merlinox me lo giri anche a me?

si ma seguendo il ragionamento di @m3c__ non li si dovrebbero usare ...

premetto che io li uso perchè gli standard son vecchi e non stanno al passo con gli sviluppi dei browser in certi casi, quindi penso che meglio realizzare qualcosa subito e bene che star dietro a chi dovrebbe decidere per noi

Visivamente si, anche se bisogna anche aggiungere un title per far uscire fuori la targhetta, che poi lo faccia anche con ALT è un problema di MSchifezza .

Appunto per questo vanno usati i tag img per le immagini con relativo alt, in modo che tutto sia ben indicizzato. Una foto è doveroso che sia indicizzata, un bordino non ha senso che venga inserito come immagine ed è più che lecito che venga "spritizzato" e incluso tramite div....

Beh i LI sono fatti per contenere un elemento di un elenco, se questo è un elenco di link non vedo cosa ci sia di male, dato che nelle proprietà insite dei tag c'è la possibilità di modificarne l'aspetto. Che poi spesso vengano usati dopo un opportuno reset che li trasforma in dei div è un altro discorso. Lì si cerca di salvare capra e cavoli, da un lato facendo un lavoro graficamente attraente e dall'altro strizzando l'occhio all'accessibilità.

@cerino http://css.html.it/articoli/le... uno dei tanti link

appunto, come si cerca di fare un lavoro "graficamente bello" cosi si cerca di fare un lavoro "veloce e funzionale"

@m3c__ ma infatti secondo me l'uso dei css sprite deve essere limitato ad elementi piccoli e ridondanti del sito. Non certo immagini importanti etc.

la penso uguale.

ma questo è ovvio, tipo pulsanti o icone