Commenti a: Bottoni rollover col CSS

Di: exxevisual

exxevisual — Tue, 29 Mar 2011 21:18:51 +0000

ciao,ho un problema anch’io riguardo il caricamento delle immagini di un sito..volendo ovviare al tutto usando gli sprite,non riesco comunque a montare l’immagine visto che nei tutorial l’immagine finale risulta in orizzontale come una solita navigation,mentre io ho 4 immagini sovrapposte in verticale due delle quali sono pulsanti…come muovermi?Grazie

Di: R.A.M.Page

R.A.M.Page — Mon, 22 Mar 2010 13:24:34 +0000

Hai assolutamente ragione!
E infatti, per ovviare al problema suggerisco di inserire all’interno del tag A il tag SPAN con il contenuto testuale (che potrebbe anche essere SEO oriented ;) ) così che in caso di problemi con il CSS o di motore di ricerca, il collegamento funzioni correttamente.
Per non visualizzare il testo contenuto nel tag SPAN basterà aggiungere la regola con proprietà display:none;

Grazie per la notifica.

Di: Matteo

Matteo — Fri, 26 Feb 2010 01:52:10 +0000

Questo modus operandi ha secondo me una grossa falla: cosa succede se l’utente disabilita il foglio di stile? I collegamenti spariscono completamente.

Di: R.A.M.Page

R.A.M.Page — Mon, 09 Nov 2009 20:00:26 +0000

Certo, basta che nel widget includi anche le immagini che hai creato, oppure le fai caricare da remoto ma non credo ti convenga nel caso tu voglia distribuirlo. :)

Di: Michele

Michele — Tue, 06 Oct 2009 11:48:11 +0000

Ciao, è un ottima idea per allegerire un sito.
Nel caso dovessi fare un widget per un blog (su blogger nel mio caso) funzionerebbe ugualmente?

Di: raffaello

raffaello — Thu, 30 Apr 2009 17:12:20 +0000

fichissimo!!!ottima spieghazione e contenuto eccellente grazie!!

Di: Lsd

Lsd — Sun, 22 Feb 2009 00:19:40 +0000

Noto, che anche nel tuo caso, i div, danno problemi durante il resize delle pagine, infatti rimpicciolendo la finestra si muovono e riportandola a tutto schermo non torna come al principio. Da cosa è causato ciò?

Di: R.A.M.Page

R.A.M.Page — Sun, 17 Aug 2008 13:16:21 +0000

Felice di esserti stato d’aiuto :)

Buon lavoro!

Di: Andy

Andy — Tue, 12 Aug 2008 17:00:44 +0000

Ho seguito le tue indicazioni e ho creato un bel pulsante pubblicitario…grazie!!!
Ho ottenuto le immagini (default e attivo ) su un sito apposito ( http://www.grsites.com ) e le ho aperte entrambe con Photoshop. E qui ho deviato un po’ dalle tue indicazioni: non capivo l’utilizzo dei righelli, percio’ ho aperto un nuovo documento con larghezza canvas doppia di quella delle due singole immagini.
Poi , con tutti e tre i files aperti,ho trascinato una alla volta le due istanze del banner all’interno del documento vuoto e le ho posizionate alla perfezione sullo sfondo bianco ,perche’ ho attivato l’effetto calamita ,coprendolo completamente (le singole immagini erano rettangolari e già dotate di sfondo uguale a quell del mio blog ).Ovviamente poi ho impostato l’ancoraggio a sinistra.
Non mancherò di linkare il tuo blog.

P.S. per gli utenti di blogger :
Caricate l’immagine come un widget foto togliendo la spunta da ” riduci e adatta ” altrimenti il gioco delle dimensioni va a farsi benedire !
Implementate il codice CSS prima del tag

Di: R.A.M.Page

R.A.M.Page — Thu, 12 Jun 2008 20:26:38 +0000

In questo caso basta aggiungere alla classe button_ex la proprietà float: left;, comunque ci sono anche altri modi, tipo l'UL sopra citato che puoi vedere in un tutorial anche in questo articolo: CSS SPRITE: cosa sono e come migliorano il caricamento della pagina

Di: Klavus

Klavus — Wed, 11 Jun 2008 19:51:28 +0000

E per affiancare più bottoni con il rollover come si fa???

Di: R.A.M.Page

R.A.M.Page — Wed, 21 May 2008 23:17:32 +0000

Concordo assolutamente :)
Nel caso dei menù la scelta migliore ricade nell’UL (Unorderd List) dove gli LI (List Item) contengono i link.