problema css con firefox

[skyh4wk]

salve ho il seguente foglio di stile per gestire i link nella mia pagina web:

a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: none }

con ie7, tutto funziona bene, ma con firefox 2 a:hover non funziona... il link rimane sempre senza sottolineatura... e quando clicco sopra compare la parola sottolineata con una riga blu/viola, a seconda che il link si stato visitato o no...

qualcuno sa dirmi dove sbaglio?

thanks!

[pikkio74]

Con quel codice l'hover su FF funziona correttamente

[skyh4wk]

allora ci deve essre qualche altra cosa che da fastidio nn saperei...

cmq guarda qui:

http://www.e-torricelli.it/et/prova.php

l'a:hover è sottolineato, ma la sottolineatura non è verde come la parola

=\

[pikkio74]

E' ovvio che non funzioni perchè il colore lo assegni nell'html con il tag font. Invece prova a metterlo direttamente nel css, così:

a:link { text-decoration: none;
		color: #009933}
a:visited { text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: none }

e rimuovilo dall'html. Naturalmente, se non assegni loro delle proprietà, il visited e l'active assumeranno i colori standard blu e viola.

[skyh4wk]

ah... immaginavo... per un attimo ci avevo pensato...

cmq in questo modo sono costretto a fare un file .css per ogni pagina...
nel senso che in alcune pagine i link saranno di un colore ed in altre di un altro...

non posso creare un foglio di stile unico dove i link prendono i colore dall'html...?

[pikkio74]

Ti basta un solo css, solo che devi avere le capacità per farlo :-)

Ti spiego brevemente ciò che dovresti fare.
Non credo che avrai decine di colori diversi per i link, giusto? Supponiamo che avrai 3 colori differenti per 3 diverse pagine, più un colore che sarà quello principale, ad esempio per i link del footer o nella barra laterale.

Bene, il css sarà unico, con l'accortezza di definire il colore principale a livello globale (in modo che tutto il sito sia impostato per avere link del colore standard) e i link delle pagine impostati per 3 <div> differenti creati ad hoc.

Vediamo di fare chiarezza con un pò di codice, questo sarà il css:

/* per velocizzare non uso i colori in esadecimale ma la sostanza è questa*/
a:link { text-decoration: none; color: #009933}
a:visited { text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: none }

#pagina1 a{
color: yellow;
}

#pagina2 a{
color: black;
}

#pagina3 a{
color: purple;
}

Questa invece la sezione in HTML

Link Verde

<div id="pagina1">
Link Giallo
</div>

<div id="pagina2">
Link Nero
</div>

<div id="pagina3">
Link Viola
</div>

Come vedrai i link all'interno dei div prendono i colori impostati, mentre il primo link rimarrà in verde, che è il colore principale di tutto il sito. Se i div li piazzi in pagine differenti, avrai colori diversi per pagine diverse, ma un solo CSS.

Ti consiglio una bella GUIDA sui CSS :-)

[skyh4wk]

grazie, sei stato chiarissimo...

a dire la verità la guida sui css l'ho letta, ed ho provato a fare anche qualche sito tutto in css, ma in questo caso pensavo di cavarmela con qualche cosetta!

cmq ora provo questa soluzione! ;D