Stato link con ajax

[semolino]

Ragazzi io ho dei contenuti che si caricano con Ajax nelle div, e mi sono accorto che i css dei link non funzionano i modo corretto.
Il risultato che devo ottenere è che il link ha tre stati:
mouseover: colore 1
cliccato: colore 2
non cliccato: altro colore

Io ora uso

.pag_link, .pag_link a:link, .pag_link a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normale;    
    font-size:10px;
    color: #80786F;
    text-decoration: none;
}
.pag_link a:hover, .pag_link a:visited {
    color: #FFFFFF;
    text-decoration: none;
} 

ma mi rimangono a volte di un colore piuttosto che un'altro.

C'è un modo più sicuro e univoco?

[Myaku]

l'ordine dei link è sbagliato. va:

link, visited, hover, active

[semolino]

Ho modificato l'ordine ma sembra non funzionare.
Se clicco un link che mi carica io contenuto nel div, il link precedente rimane bianco e quello cliccato rimane nero.
Come mai non cambia lo stato in modo corretto?

[Myaku]

font-weight: normale non esiste. può essere normal, ma non normale

correggi e valida. se hai ancora problemi, posta un link alla pagina

[semolino]

Ciao, ho corretto e validato! Non mi da errore ma non funziona ancora in modo corretto.
Appena metto online posto il link. Grazie mille!

[semolino]

Originariamente inviato da semolino
Ho modificato l'ordine ma sembra non funzionare.
Se clicco un link che mi carica io contenuto nel div, il link precedente rimane bianco e quello cliccato rimane nero.
Come mai non cambia lo stato in modo corretto?

Allora non rimane bianco dopo che clicco il link.
Provare qui ... si tratta di tutti i link escluso il menu principale che è in flash

Che ne dici?
Come posso fare altrimenti? Con JS?

[Myaku]

Originariamente inviato da semolino
Allora non rimane bianco dopo che clicco il link.
Provare qui ... si tratta di tutti i link escluso il menu principale che è in flash

Che ne dici?
Come posso fare altrimenti? Con JS?

perdonami, ma io i link di cui parli non li ho trovati (forse anche perchè il tuo codice non è proprio ben scritto, ma nell'html non li ho visti). Puoi postarmi tu il pezzo di codice a cui fai riferimento?

[semolino]

Ma in ce senso non vedi i link. Entri nel sito, clicchi un qualsiasi pulsante dal menu e ti si aprono delle pagine... in ogni pagina ci sono dei link...
il codice html non lo vedi perchè, essendo caricate con ajax, explorer non te lo legge... se apri il sorgente con firefox, ad esempio, vedi l'html.
Il codice è un semplice link in html con un css che ha le proprietà descritte sopra.

Che ne dici?

[Myaku]

Originariamente inviato da semolino
Ma in ce senso non vedi i link. Entri nel sito, clicchi un qualsiasi pulsante dal menu e ti si aprono delle pagine... in ogni pagina ci sono dei link...
il codice html non lo vedi perchè, essendo caricate con ajax, explorer non te lo legge... se apri il sorgente con firefox, ad esempio, vedi l'html.
Il codice è un semplice link in html con un css che ha le proprietà descritte sopra.

Che ne dici?

io uso FF. Ci mancherebbe anche che mi metto a navigare con explorer

se visualizzo l'html, non ho tag <a> (e non dirmi di provare con mela+F, già fatto )

comunque, potrei avere capito il tuo problema. Se per "rimanere bianco dopo che clicco il link" intendi avere il link che rimane formattato sulla pagina, non devi agire sugli stati dei link ma devi creare un id sull'elemento di lista. Presumendo che il tuo codice sia semanticamente corretto, quindi, avrai una struttura del tipo:

<ul>
<li id="paginaAttiva">pagina in cui mi trovo[*]link a pagina[*]link ad altra pagina[/list]

Spero sia quello che volevi sapere, altrimenti postalo tu il codice che facciamo prima

[semolino]

PS: con visualizza sorgente selezione mi stampa:
housing

public

workplace

urbandesign

Ad ogni modo stavo iniziando a pensare anche io di dover usare una lista... ma che css dovrei dargli? nel senso lui riconosce la pagina attiva in che modo?