Newsgroup: it.comp.www.html
Titolo: maledetti css

salve a tutti.. mi sto scervellando aiutatemi vi prego..
allora questi css:
..links {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:
9pt; color: #000099; text-decoration: none}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:
9pt; color: #0099FF; text-decoration: none}
però se applico lo stile "links" a una parola non mi prende anche l'over....
che cosa c'è che non va???

 9pt; color: #0099FF; text-decoration: none}
ciao
Barbara
-- 
http://www.nextgolf.it
Internet per il golfista


grazie barbara..
 ma la dicitura .links ( che mi serve in dreamweaver per inserire il css )
dove la metto?


Ciao Paola,
    è una questione di specificità e del modo in cui vengono trattati gli
stili sui link e le pseudoclassi.
Se io definisco un selettore di tipo per i link così:
a{font-size: 12px; color: red}
Succede che il testo dei link per tutti gli stati (link non visitato, visitato, attivo e
hover) sarà rosso e di 12 pixels. Se voglio che sia blu al passaggio del mouse,
devo aggiungere:
a:hover{color: blue}
Resterà di 12pixels, ma sarà blu. Lo stesso per le altre pseudo-classi
a:visited e a:active.
Una classe a.links (ti consiglio l' uso di un nome di classe un po' meno vago)
ha specificità maggiore sul selettore di tipo semplice.
E quindi va a coprire anche la pseudo-classe "a:hover", e non avendo
uno stato hover si comporterà per tutti gli stati con la regola che hai
definito. Se vuoi un comportamento diverso per lo stato :hover ti basta
definire una pseudo-classe sulla classe in questo modo:
a.links:hover{ /*ecc... */}
Oppure ancora meglio, facendo ereditare solo lo stato hover, ecco un esempio
completo:
a{font-size: 12px; color: red}
a:hover{ color: green}
a.specifica:link, a.specifica:visited, a.specifica:active{
    font-size: 14px;color: blue}
I link nell' html espressi così:
<a href=
http://www.google.it
 class="specifica">google</a>
Saranno di 14pixels e blu in tre dei quattro stati (attivo, non visitato
e visitato) mentre saranno di *12pixels e verdi* sullo stato hover,
dato che la classe "specifica" non ha dichiarato uno stile generico
nè la pseudo-classe :hover.
Approfondimenti sulla specificità e l' ereditarietà:
http://html.it/css/guida_css_14.htm
Le pseudo-classi sui link:
http://www.w3schools.com/css/css_pseudo_classes.asp
Ciao,
    Alessandro

 dove la metto?
prima dichiara lo stile A come già fatto, a quel punto DOPO metti il
".links" con l'elenco delle proprietà che devono essere modificate.
Ricorda che devi definire comunque
.links, .links:link, .links:visited, .links:hover
{
  /*proprietà della classe*/
}
in questo modo nel tag A prende  i propri stili e se trova una classe nuova
cambia solo quel che ti serve.
Spero di essere stato chiaro e soprattutto di aiuto.
    Mark

     Mark
ehmmm... sono io che sono un po' dura temo.. mi faresti un esempio per
favore?
grazie

"SantaKlauss" .... grazieeeeeeeeeeeeeeeeee

 [cut]SantaKlauss
aggiungo a quanto detto da Alessandro che ti conviene lasciare i link 
visitati in rosso per facilitare la navigazione.
consiglio di usare il rosso [ piu' o meno scuro ] perche' e' un colore 
standard; se fai ad es i link verdi e i visitati gialli e' faticoso per 
l'utente ricordare cosa ha gia' visitato.
inoltre da standard i link sono in grassetto: puoi differenziare i link dai 
visitati mettendo i link in grassetto e i visitati in font normale.
-- 
shymay
http://digilander.libero.it/shymay/