Consiglio su colore pulsante

[aleritty]

Ho un problema con un pulsante in png.

Avevo dato la colpa al css quindi aperto la discussione QUI.


In ogni caso, ho una pagina:
http://unitech.aleritty.net

nella quale la barra orizzontale dovrebbe avere 5 pulsanti che si evidenziano al passaggio del mouse.

Il file di sfondo alla barra è questo:
http://unitech.aleritty.net/imgs/horiz-bg.png

Mentre il file del pulsante è questo:
http://unitech.aleritty.net/imgs/barra-bg.png

barra-bg è stato creato prendendo horiz-bg, stirandolo con gimp e creando una ellisse (molto alla buona) come bozza!

Come potete notare i due blu sono differenti quando viene visto nella pagina web!

Avete una soluzione?

[evan75]

usa una png con sfondo trasparente e risolvi il problema in un attimo


ps. con firefox è il pulsante non risulta allineato.. è spostato di circa 5 px in basso

[evan75]

pps. perchè non usi i css sprite per il tuo menu?

(un'immagine sola che comprende sia lo stato normale che lo stato hover del tuo pulsante, poi con i css cambi la posizione del background)

fai una ricerca con google esempio: menu css sprite tutorial.

ti dico questo perchè comunque se hai una sola immagine non rischi eventuali ( anche se lo trovo strano) distorsioni di colore da parte di the gimp. (e se ci sono, vengono applicate ad entrambi gli stati del pulsante, quindi non hai problemi )

[aleritty]

Originariamente inviato da evan75
usa una png con sfondo trasparente e risolvi il problema in un attimo


ps. con firefox è il pulsante non risulta allineato.. è spostato di circa 5 px in basso

Strano... Io lo ho sviluppato direttamente da firefox! In effetti con IE non lo ho ancora minimamente guardato!

In ogni caso controllo!

Lo sprite non lo avevo considerato perchè avendo già lo sfondo pronto pensavo di risparmiare "kB" facendo una sola immagine! In ogni caso la variazione cromatica rimarrebbe perchè i pulsanti non coprono tutta l'area!

Invece all'immagine con sfondo trasparente non ci avevo proprio pensato... Sarò stordito...

Grazie mille! Faccio sapere come va!