Salve a tutti,
Vorrei applicare la tecnica degli sprite ai bottoni.
Ho trovato varie guide su come utilizzarla su hover ma a me servirebbe un qualcosa di più strutturato.
Ho creato una immagine alta 30px, nei primi 6px c'è il bordo sinistro del bottone, 1 pixel bianco, 1px che rappresenta il fill, 1px bianco e 6px che contengono il bordo destro. Il tutto per un totale di 15px.
Ora però come posso impostare il bordo sinistro, destro e il fill del bottone facendo riferimento alle immagini contenute nello sprite?codice://codice sprite css classico .sprite{background:url(../images/bt_blu.png);} .bt {height:30px;} .b_s {width:6px; background-position:0px 0px;} .f {width:1px; background-position:-7px 0px;} .b_s {width:6px; background-position:-9px 0px;} //bottone .bt1{height:30px; width:100px;background:none;border:0px;}
Grazie

Rispondi quotando