Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : Apidea 06 Nov 2012, 22:34:36
-
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:
<a href="" id="cambio">[/url]
mentre nel css ho:
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
-
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
-
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.
-
ciao
xche non usi l'editor che gia fa quello che stai tentando di fare?
jce a l'hover immagine senza complicarsi la vita.
-
@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.
-
magari dico una fesseria: non puoi semplicemente utilizzare l'attributo on mouse over?
-
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.
-
Ho risolto insernedo "!imortant" su ogni riga inserita nel css per la classe cambio.
Grazie a tutti per l'aiuto