CSS e A HREF (link)

**pierogemin** · 07-12-2003, 12:02

Salve
Ho un foglio di stile esterno che, tra l'altro contiene:
(.txtfooter {font-family:verdana, arial; font-size:10px; color:#000000;}
A.txtfooter{font-family:verdana, arial; font-size:10px; color:#000000;text-decoration : none}
A.txtfooter:visited {font-family:verdana, arial; font-size:8px;color:#0000ff;text-decoration : none}
A.txtfooter:active {font-family:verdana, arial; font-size:15px;color:#f0f0f0;text-decoration : none}
A.txtfooter:hover {font-family:verdana, arial; font-size:20px; color:#ff0000;text-decoration :underline})
(i colori ed ifont sono messi così per prova)
Nell' HEAD c'è il link corretto al file css.
Ora però non so come utilizzarlo in un
a href="generator_2.php">prova link</a
Ho provato con class="txtfooter" ma la scritta scompare(o meglio diventa bianca su sfondo bianco mentre il link funziona)

Poi con class="A.txtfooter" ed in questo caso non sente l'effetto del css
(appare come link di default azzurro sottolineato)
Ed ancora non mi è chiaro se il richiamo alla classe va nel <body o nel a href....
grazie

**Francis87** · 07-12-2003, 12:12

Originariamente inviato da pierogemin
Salve
Ho un foglio di stile esterno che, tra l'altro contiene:
(.txtfooter {font-family:verdana, arial; font-size:10px; color:#000000;}
A.txtfooter{font-family:verdana, arial; font-size:10px; color:#000000;text-decoration : none}
A.txtfooter:visited {font-family:verdana, arial; font-size:8px;color:#0000ff;text-decoration : none}
A.txtfooter:active {font-family:verdana, arial; font-size:15px;color:#f0f0f0;text-decoration : none}
A.txtfooter:hover {font-family:verdana, arial; font-size:20px; color:#ff0000;text-decoration :underline})
(i colori ed ifont sono messi così per prova)
Nell' HEAD c'è il link corretto al file css.
Ora però non so come utilizzarlo in un
a href="generator_2.php">prova link</a
Ho provato con class="txtfooter" ma la scritta scompare(o meglio diventa bianca su sfondo bianco mentre il link funziona)

Poi con class="A.txtfooter" ed in questo caso non sente l'effetto del css
(appare come link di default azzurro sottolineato)
Ed ancora non mi è chiaro se il richiamo alla classe va nel <body o nel a href....
grazie

da richiamare nel css con

.nomeclasse (se x più tag)

o

a.nomeclasse (se ci si riferisce solo ai tag <a>)

**Mackey** · 07-12-2003, 14:02

attenzione ai ; ... mettili SEMPRE!

A.txtfooter:link {
font-family:verdana, arial;
font-size:10px;
color:#000000;
text-decoration: none;
}

prova corregendo tutto in questo modo
ciao

**pierogemin** · 07-12-2003, 18:07

Ringrazio entrambi
ma,vedete,il mio problema non sta nell'uso dei css esterni (che uso correntemente) ma solamente nel caso dei tag <a href.
In parole povere vorrei che il link normalmente abbia un aspetto,se visitato un altro e che cambi ancora aspetto al passaggio del mouse.
Con il css in linea il fatto si risolve facilmente.
Ma nel caso di css esterni come richiamo dalla linea <a le tre classi?
Con i dati già postati sareste così gentili da scrivermi la riga <a href....con le tre opzioni ?
Oppure c'è qualcosa di sbagliato nel file css?(i punti e virgola ci sono!forse c'è un refuso di copiatura)
Grazie

**Mackey** · 07-12-2003, 18:34

mmm... no in linea non è possibile...
tu intendi una cosa di questo tipo
testo
non è possibile...

lo puoi fare con le classi... e non vedo il problema tuo

<style>
a.nomeclasse:link {
color: red;
}
a.nomeclasse:visited {
color:blue;
}
a.nomeclasse:active {
color: red;
}
a.nomeclasse:hover {
color: yellow;
}
</style>
testo

copialo pari pari...
non vedo proprio il problema

**pierogemin** · 07-12-2003, 22:26

Rieccomi
u'n ci siamo capiti.
Mi rendo conto che tentare di spiegare un problema in poche righe di un post senza aver sottomano lo script in questione diventi, per chi risponde, a volte un problema.
La mia vera domanda era solo la seguente:
SE la classe CSS è definita in un file ESTERNO perchè non mi funge nel caso di un'anchor <a href , mentre se la defisco in un file INCLUSO va?
A Mackey :il tuo esempio si riferisce ad un css "INCLUSO" nello script (il mio ' in linea' è stato un lapsus) ma ho provato ad inserirlo in un file esterno ,richiamato regolarmente nell'HEAD (e che con tutte le altre classi (font,bg,size ecc.)funziona regolarmente) e NISBA!.
Pensavo ch fosse solo un problema di IE6 ma ho provato anche con NE6.
Se qualcuno vuole provare mi farebbe una cortesia.
(Sto pensando che sia un bug)

**Mackey** · 08-12-2003, 16:16

a me funziona perfettamente
prova copiando questi 2 files

prova.css

codice:

a.nomeclasse:link { 
color: red; 
} 
a.nomeclasse:visited { 
color:blue; 
} 
a.nomeclasse:active { 
color: red; 
} 
a.nomeclasse:hover { 
color: yellow; 
}
h1 {
color: red;
}

prova.htm

codice:

<link rel="stylesheet" type="text/css" href="prova.css">
link
<h1>ciao</h1>

a me funziona su IE 6!

**pierogemin** · 08-12-2003, 17:16

Cavolo !!
Sapete dov'era il problema?
Avendo costruito la pagina con DW , il maledetto mi ha messo automaticamente in <link href="..... il percorso assoluto, non sotto forma di URL.
E' bastato sostituirlo col percorso relativo e tutto funge.
A volte...........
Cmq grazie a tutti.

Discussione: CSS e A HREF (link)

Strumenti discussione

Ricerca discussione

Visualizza

CSS e A HREF (link)

Re: CSS e A HREF (link)

Permessi di invio