Immagine link, CSS

[Nebula88]

Andrea, tu cosa mi suggeriresti di fare allora?

P.S sono niubbo, fai un esempio pratico o non capisco

[pierofix]

Io credo che l'affermazione di Andrea sia corretta, ma in questo caso non sono immagini che fanno parte del contenuto.

Perlomeno, io individuo quest'ultime come, ad esempio, un grafico in un documento che parla di bilanci finanziari, l'immagine di un quadro in un documento che lo analizza, un diagramma ad albero in un documento che spiega i princi base di un linguaggio di markup, e via dicendo.

I pulsanti nel menù, pertanto, diventano - sempre a mio avviso e in questo caso specifico - elementi grafici, pertanto legittimamente gestibili come sfondi tramite CSS.

[Nebula88]

Originariamente inviato da Nebula88
#cantieri {
display:block;
text-indent:-1000em; /* Nasconde il testo */
width:140px; height:28px;
background-image:url(images/pulsanti/cantieri.gif) no-repeat 50% 50%;
}
#cantieri:hover {
background-image:url(images\pulsanti/cantieri2.gif);
}


Adesso va, solo se ci passo sopra con il mouse.

Piero dai un'occhiata a questo?
perchè non va?

[pierofix]

Posta anche il markup relativo a quella porzione di CSS.

[Nebula88]

Blog

l'effetto funziona solo al passagio del mouse, quando non ci passa il cursore sopra si vede solo uno spazio trasparente

[pierofix]

Hai forse semplicemente sbagliato a scrivere l'url dell'immagine. Occhio a mettere gli slash dritti ("/") e controlla il nome del file (magari è "cantieri1.gif").

[Nebula88]

Ok..ho risolto,
ecco la home, il flash centrale ho riciclato il vecchio, ma forse andrebbe cambiato?

un'altra cosa, con Explorer si vede perfetto, il problema è FireFox..