CSS e link

[alfanicco]

ciao raga

stamani mi è presa la pazza idea di cominciare a dedicarmi a fondo all'xhtml con i CSS, mi son fatto il mio menù di navigazione ma (usando dreamweaver) appena digito qualcosa nel campo collegamento la scritta da nero mi cambia in blu con la sottolineatura...tipica dei link...

Qual'è il codice che mi fa cambiare il colore alla scritta quando è normale, quando ci passo sopra col mouse o quando clicco??? Grazie mille a tutti

[Aleck]

si modificano nel tag body mettendo link vlink alink ecc. ecc.

per chiarimenti vedi http://www.web-link.it/html/elemstru.htm ottimo sito a mio avviso e in italiano

[GaretJax]

e ti sembra che la specifica xhtml lo permetta?

alfa, devi usare l'identificatore:

a (definisce lo stile di tutti i link)

a:hover (definisce lo stile del link al passaggio del puntatore)

a:visited (definisce lo stile dei link visitati)

poi ci sarebbe pure

a:link

a:active

a:focus

ma di solito i primi tre bastano

[alfanicco]

@garet: io ho questo pezzo di codice:

#nav{

width:650px;

text-align:center;

font:normal small-caps 12px Georgia, "Times New Roman", Times, serif;

color:#fffff;

background-color:#EFF0CD;

a:link, a:visited text-decoration: none;

margin:auto auto auto auto;

}

quello in grassetto è quello che ho messo io ma non cambia niente...

[grigio60]

alfanicco, il codice css che hai riportato non funzionerà mai perché è sintatticamente e concettualmente errato.

i css consentono di definire direttive di stile per i vari tag html, con varianti legati alla classe o all'id assegnato a un determinato tag. non si possono inserire tag all'interno di una direttiva di stile, che è esattamente l'errore che hai commesso tu.

il codice corretto IMPONE di definire uno stile A PARTE per il tag a e per le sue pseudo-classi link, visited, hover e focus.

quindi il tuo codice va scritto come segue:

#nav{

width:650px;

text-align:center;

font:normal small-caps 12px Georgia, "Times New Roman", Times, serif;

color:#fffff;

background-color:#EFF0CD;

margin:auto auto auto auto;

}

a:link, a:visited {

text-decoration: none;

color: #ffffff;

}

se vuoi applicare questo effetto solo er esclusivamente ai link presenti nel container di classe "nav", il codice css corretto da usare è il seguente:

#nav{

width:650px;

text-align:center;

font:normal small-caps 12px Georgia, "Times New Roman", Times, serif;

color:#fffff;

background-color:#EFF0CD;

margin:auto auto auto auto;

}

#nav a:link, #nav a:visited {

text-decoration: none;

color: #ffffff;

}

[alfanicco]

grazie mille grigio!!!