[CSS] altro piccolo problemino - helpme !

[Taitaonline]

Sempre nella solita paginetta che sto ristrutturando graficamente ( questa qui ), e che funziona crossbrowser (cioè con IE e con FF - con Opera non so), ho questo piccolo problema da risolvere :
Nelle celle di sinistra, il link testuale ha lo stesso colore del bordo e passandoci col mouse cambia in nero ... mi funzionano tutti con FF ma con IE il link della seconda cella si "ostina" a rimanere nero senza azzumere il colore del bordo ... immagino ci sia un errore da qualche parte ma francamente io non son riuscito a trovarlo, forse anche per il fatto che è da stamattina che leggo quelle righine e che ormai dia per scontato qualcosa che in realtà non va bene.
Qualcuno con la mente "fresca" potrebbe darci un'occhiata e dirmi cosa c'è che non va ?
Grassie !

P.S:) Il CSS è "interno": trasferirò il tutto in un CSS esterno alla fine.

[funcool]

Forse non ho capito, ma io vedo tutti i link (sia con FireFox che con Internet Explorer) del colore del bordo e quando ci passo sopra i link diventano neri. Qual è l'errore?

[secretzone]

A me funziona tutto regolarmente, sia con IE che con firefox (tutti i link diventano neri)
Ti confermo anche che si vede correttamente con Opera.

[Taitaonline]

Grazie per la conferma su Opera ....
Giuro che a me il link "cicci ninja", che all'apertura della pagina dovrebbe essere colorato in rosso (e diventare nero al passaggio del mouse), a me risulta nero sempre ... avrò aggiornato 20 volte, riscritto e salvato la pagina ma nulla: con IE risulta sempre nero e non c'è verso.
Ma se a voi funziona.... il problema è mio.... e a questo punto mi chiedo che avrà di tanto strano il mio PC per farmi un "ciocco" del genere.... mah !

[funcool]

Ho capito il motivo, con Internet Explorer i link visitati diventano neri. Quindi aggiungici la una riga per ogni link dove metti il colore del link col metodo visited uguale a quello dei link normali. Inoltre ti suggerisco di cancellare tutta la pappardella identica tra i link senza metodi e quelli con, mantenendola in quella con i metodi.

[Taitaonline]

Ahhhhhh...... azzzzzz...... il temibilissimo "A visited" ... Giusto, infatti ora ho provato con un altro link e risulta nero pure quello anche dopo il refresh ......
Pappardella ? Quale pappardella ?

[funcool]

La "pappardella" te la metto in neretto:

A.fogli { color:#006699; font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none} 
A.fogli:hover { color:#000000; font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none}

La pappardella, in teoria, la potresti mettere solo nella prima riga e automaticamente la seconda riga la dovrebbe ereditare.

[Taitaonline]

Capito..... ora provo.
Comunque aggiungendo il "visited" ora funziona tutto quindi: problema risolto !
Grassie

[funcool]

Dicci se funziona lo stesso con la modifica che ti ho suggerito io.

[Taitaonline]

Yessss...... funziona perfettamente.
Ovviamente ho lasciato la prima riga per ogni classe, o basta solo quella iniziale che anche le diverse classi riconoscono il tutto ?

[silverseraph]

Piccolo suggerimento: Puoi anche fare così:

.fogli A, .fogli A:visited {color:#006699;  font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none } 

[Taitaonline]

Grazie Silver, ma ormai ho trasferito tutto: mi son fatto il CSS esterno e francamente, almeno per oggi, ne ho abbastanza, eheheh....

Però mi hai messo una curiosità:
Io, quando si tratta di dare una classe, ho sempre scritto: A.fogli (ecc.ecc.); vedo che tu la scrivi in altro modo, c'è un perché in tutto questo oppure è solo un "modo come un altro" ?

c'è una differenza:

il codice scritto cosi:

.stile A{}
.stile A:hover{}
ecc. . .

dopo va utilizzato cosi:

<div class="stile">
<a href=". . .">. . .</a>
<a href=". . .">. . .</a>
</div>

e cosi tutti i link dentro al div (o qualsiasi cosa come tabelle) prendono quella formattazione.

Invece scritto cosi:

A.stile{}
A.stile:hover{}
ecc. . .

devi usare l'html cosi:

<a href=". . ." calss="stile">. . .</a>
<a href=". . ." calss="stile">. . .</a>

e cosi devi applicare ad ogni link il suo stile.

[silverseraph]

questo è un modo per assegnare a più classi, ad esempio che compongono un collegamento ipertestuale, le stesse direttive, anziche riscriverle ogni volta.

ESEMPIO:

A.fogli { color:#006699; font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none} 
A.fogli:active {color:#006699; font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none}
A.fogli:link {color:#006699; font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none}
A.fogli:visited {color:#006699; font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none}

Si può scrivere molto più semplicemente così:

A.fogli, A.fogli:active, A.fogli:link, A.fogli:visited {color:#006699; font-family : Verdana, Arial, sans-serif; font-weight: bold; text-decoration:none}

EDIT:

Mentre, se dichiari prima la classe, così: .fogli A:hover, potrai inserire l'effetto anche in dei DIV in qiesto modo:

<div class="fogli">
<div><a href=""></a></div>
</div>

Se inserisci solo A.fogli:hover allora potevi dichiarare la classe solo nel collegamento ipertestuale.



Jostock ha fatto prima di me.

penso si riferisse al fatto che le tue classi sono scritte .fogli A, .fogli A:visited ...

[Taitaonline]

Ahhhh..... capito, grazie.
Quindi, in teoria, dal momento che nel mio caso ogni link ha una sua classe ben definita, anche senza sapere tutto questo ho optato per la soluzione più congeniale .... forse.

[EDIT]
Infatti mi riferivo al modo in cui erano scritte le classi ... cioè col "puntino" prima o dopo la "A" ....

[silverseraph]

Scusami tanto, ho modificato il mio post, ma dico la stessa cosa di jostock. scusa ancora per l'incomprensione.

ciao

[Taitaonline]

Si, si, ho letto .... (stiamo scrivendo "uno sopra l'altro") .... E scusa di cosa ?
Ci mancherebbe, ancora grazie che ti sbatti, figuriamoci se me la devo prendere perchè magari hai scritto una cosa che non ho capito alla prima.

P.S.) Ora mi trasferisco in altra sezione per vedere come viene valutata la paginetta.