Help Modulo HTML link immagine

[Apidea]

Ciao a tutti, avrei bisogno di un aiuto per inserire in un modulo HTML un link composto da un'immagine che cambia al passaggio del mouse.


Nel modulo html ho inserito il seguente codice:

Codice: [Seleziona]

<a href="" id="cambio">[/url]

mentre nel css ho:

Codice: [Seleziona]

a#cambio{background: url('1.png');width:250px;height:30px;display:block;text-indent: -9999px;}


a:hover#cambio{background: url('2.png');}

Il problema e' che quando visualizzo la pagine contenente il modulo html, il link non viene visualizzato. Ho provato a controllare il path dell'immagine, ma sembra non dipendere da quello.


Mi potreste aiutare?


Grazie

[fasenderos]

assegna la classe al link per es:
<a href="" class="cambio">[/url]

e nel css metti:

.cambio {
   background: url('image.png');
   }

.cambio:hover {
   background-image: url([/color]'image_hover.png');[/size]
   }

Mi raccomando controlla bene la path dell'immagine

[Apidea]

Grazie per avermi risposto.


Ho provato a seguire il tuo consiglio, ma l'immagine non viene visualizzata.


Con firebug analizzando l'elemento, ho copiato il link del background, ed aprendolo da browser sembra essere corretto; l'immagine viene visualizzata.

[conti1]

ciao
xche  non usi  l'editor che gia fa quello che stai tentando di fare?
jce a l'hover immagine  senza complicarsi la vita.

[Apidea]

@conti1: In che modo posso usare l'editor?


A quanto sembra, l'immagine non viene visualizzata poichè nel tag <a class=""cambio"> non ho inserito del testo...Da Firebug, inserendo dei caratteri nel link, visualizzo il background, ma solo per la porzione di testo inserita, e non l'intera immagine.
 

[Pietro86]

magari dico una fesseria: non puoi semplicemente utilizzare l'attributo on mouse over?

[conti1]

ciao
allora usando l'editor
inserisci la prima immagine , dopo tasto destro del mouse sulla stessa immagine  inserisci modifica immagine, ti si apre l'editor  clicchi su rollover  e li dai come prima immagine gia quella  inserita  e poi la seconda al passaggio mouse, tutto questo con jce.

[Apidea]

Ho risolto insernedo "!imortant" su ogni riga inserita nel css per la classe cambio.


Grazie a tutti per l'aiuto