A:link Diversi Nella Stessa Pagina?!?!?

[gun254]

Ciao a tutti, spero che qualcuno mi possa aiutare

ho fatto un foglio di stile CSS,
ed ho bisogno di avere nella stessa pagina 2 a:link differenti, cn 2 colori diversi! come faccio??

questo è quello che ho fatto io:

a:link, a:active, a:visited {
color:#FFFFFF;
font-size: 12px;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

e queste caratteristiche vengono associate a tutti i link, ma ho bisogno di avere un link differente, come si fà???aiutatemi vi prego...stò impazzendo

grassie
bye

[bitrain]

per realizzare una serie infinita di link bsata creare una classe e associare ad essa il link es

.link a {
qui inserisci le caratteristiche del link

}

.link a:hover{

qui inserisci le caratteristiche del link

}

spero di essere stato chiaro
ciao
bitrain

[gun254]

Scusa ma sn un po' ignorante in CSS
potresti essere un po' piu chiaro...magari con un breve esempio
te ne sarei grato
grazie

[bitrain]

allora in una pagina formattata con i css possiamo creare una serie infinita di soluzionipr i nostri collegamanti, per fare ciò occorre però andarci a definire delle classi le quali saranno applicate al div o qualsiasi tag che contiene i nostri collegamenti.

perchè occore fare ciò è semplice da capire cioè tutte le informazioni che noi impostiamo per le pseudoclassi a, a:hover, ecc vanno a regolare in maniera generale tutto ciò che si presenta sotto forma di collegamento per tanto per differenziare i nostri collegamenti in alcune delle zone della nostra pagina ci occorre associaere le pseudoclassi ad una classe.

esempio

a {

dichiarazione

}
a:hover {
dichiarazione
}
il codice riportato sopra identifica le classiche dichiarazioni delle pseudoclassi che gestiscono i collegamenti in maniera generica e soprattutto per tutta la pagina

se volessimo applicare uno stile diverso ad alcuni collegamenti presenti sempre nella stessa pagina dobbiamo necessariamente costruirci una classe a parte e inserire tutte le dicharazioni per formattare i collegamenti
esempio

pensiamo di chiamare la nostra classe in maniera da identificarla subito e cioè

.menu2
(in essa possiamo ovviamente associare tutte le cose che ci servono alla formattazione)
e nello spacifico anche i collegamenti in questo modo

.menu2 a {
dichiarazione }

.menu2 a:hover{
dichiarazione }

a questo punto non dobbiamo fare altro che associare ai nostri colegamenti la classe menu2
tipo <div class="nemu2">inserire i link</div>

ciao
bitrain

[gun254]

grazie mille bitrain, la spiegazione era perfetta..
ce l'ho fatta ;-)

[mystica]

salve a tutti
seguendo le istruzioni riportate nei post precedenti, nel mio .css ho scritto:

.link_moduli a {
color: #ffffff; }

.link_moduli a:link {
color: #ffffff; }

.link_moduli a:hover {
color: #000000; }

e quindi ho scritto
<div class="link_moduli">il mio testo</div>

il problema è che applica solo l´hover (in nero), mentre il testo, che dovrebbe essere bianco, appare di un altro colore
dove sbaglio?
grazie!

[bitrain]

quale è il colore che si visualizza al posto del bianco?
è possibile che ci siamo delle classi uguali?o che la sintassi non sia corretta?

facci sapere
ciao

[mystica]

hei bitrain,
grazie per la risposta
ho provato e ora funziona correttamente
forse il server doveva refreshare, non so
cmq funziona
grazie!

[mystica]

mi correggo,
funziona correttamente solo su mozilla
con ie il colore del link è quello degli altri link che rispondono a questa classe:

a:link, a:visited {
color: #c64934;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

a:hover {
color: #900;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

nel .css non ci sono altre classe link_moduli
cosa può essere?
forse devo aspettare qlc refresh?
grazie

[bitrain]

onestamente non so.
è sempre una rottura far si che i diversi browser si comportino allo stesso modo
cmq ci rifletto e se trovo delle risposte adeguate ti dico
ciao