conflitto comportamentale dei link

[stardom]

Ho un conflitto fra una pagina e le proprietà dei link, eppure i codici mi sembrano giusti

Nella pagina (http://www.quadrupede.it/who.htm) ho:

<div class="blablabla; color:#4a4a4a">ABOUT YOU</div>
<div>Alexander Daniloff</div>

Nel Css ho:

a:link, input {outline:none; text-decoration: none; color:#D1D3C7;}
a:visited {text-decoration: none; color:#BBBBBB;}
a:hover {text-decoration: none; color:#D1D3C7;}
a:active {text-decoration: none; color:#D1D3C7;}


Problemi:
- il link ABOUT YOU non è del colore #4a4a4a ma #DD1D3C7
- il link DANILOFF non dà l'hover #BBBBBB al passaggio del mouse

Dov'è il conflitto?

[brodik]

- il link ABOUT YOU non è del colore #4a4a4a ma #DD1D3C7

prova a spostare

	a:link, input {outline:none; text-decoration: none; color:#D1D3C7;} /* this avoids the border highlighting a link element */
	a:visited {text-decoration: none; color:#D1D3C7;}
	a:hover	{text-decoration: none; color:#D1D3C7;}
	a:active {text-decoration: none; color:#D1D3C7;}

prima di body{}

- il link DANILOFF non dà l'hover #BBBBBB al passaggio del mouse

a:hover {text-decoration: none; color:#BBBBBB;}

[Prill]

<div class="blablabla; color:#4a4a4a">ABOUT YOU</div> <div>Alexander Daniloff</div>
...
- il link ABOUT YOU non è del colore #4a4a4a ma #DD1D3C7

un colore del carattere impostato su un div (per altro dovrebbe andare come style="color:#4a4a4a") non è ereditato dai link al suo interno, che seguono le impostazioni di default o quelle date per i collegamenti nel css (nel tuo caso #D1D3C7). L'attributo style, con la specificazione del colore, potrebbe eventualmente andare sul tag a. Ma, per codice più snello e per un maggiore controllo, converrà aggiungere nel css una nuova classe

a.xxx {color:#4a4a4a}

da applicare ai collegamenti voluti

<div>testo link</div>

(al posto di xxx il nome desiderato)

[stardom]

Ho creato la classe come suggerito:

a.links, input {outline:none; text-decoration: none; color:#D1D3C7;}
a.links:visited {text-decoration: none; color:#D1D3C7;}
a.links:hover {text-decoration: none; color:#4a4a4a;}
a.links:active {text-decoration: none; color:#D1D3C7;}

è assurdo, non mi funzionano, eppure i codici del link sono corretti.

Io vorrei solo che la scritta ABOUT YOU sia di colore fisso #4a4a4a
e che i nomi degli artisti stiano su #D1D3C7 e cambino su #4a4a4a al passaggio del mouse.

Ma dove sta l'errore?

[Prill]

a {color:#d1d3c7; text-decoration: none;}
a:hover {color:#4a4a4a;}

a.about {color:#4a4a4a;}
a.about:hover {color:#4a4a4a;}

nel codice

ABOUT YOU

ma che indirizzo è quello indicato? senza un'estensione
mentre tutti gli altri link saranno indicati semplicemente con

nome artista

al posto di about metti un nome più indicativo (che ti permetta di capire subito di cosa si tratta, che so menu, se prevedi lì il menu, o altro, non nomi generici)

[stardom]

niente, non ne vuole sapere di cambiare colore all'hover.

a, input {outline:none; text-decoration: none; color:#D1D3C7;}
a:hover {text-decoration: none; color:#4a4a4a;}
a.about {text-decoration: none; color:#4a4a4a;}
a.about:hover {text-decoration: none; color:#4a4a4a;}
a:active {text-decoration: none; color:#D1D3C7;}

[Prill]

Il problema non è legato al css, quanto piuttosto a una limitazione con hover di typeface, anche con l'ultima versione, leggi qui http://typeface.neocracy.org/forum/topic.html?id=354