help: CSS per i link

liamuscogiuri

help: CSS per i link

ciao a tutti!
ho bisogno di una mano: sto facendo un sito e ho 2 link diversi, posizionati su sfondi di colore diverso.
non ho mai usato i CSS, non so come funzionano ancora, però volevo sapere se c'è un modo per fare i link di colore diverso, perchè andando da Prioprietà di Pagina, mi da lo stesso colore per tutti.:?
se c'è qualcuno che può aiutarmi spiegandomi passo-passo come fare, mi sarebbe d'immenso aiuto!
grazie a tutti

karedas

Fai così:
crei un file .css e gli dai un nome (esempio: style.css)
Lo richiami all'interno della pagina tra i tag "<head></head"> in questo modo:
<link rel="stylesheet" type="text/css" href="style.css" title="nomestile" />
(su href="" devi dare il percorso del tuo foglio di stile)

Adesso puoi operare in più modi però seguiamone uno soltanto.
Dai ai tuoi link un id univoco e cioè uno diverso per entrambi. (es: <a href="#" id="nomeid" alt="">LINK 1</a>)

Apri il foglio di stile (il .css) e ci inserisci questa regola:
#nomeid:link,:active,:hover,:visited{
background-color: Qui ci metti il colore;
color: stessa cosa di sopra;
}

Dovrebbe bastare così.
Per il secondo link basta che metti , come detto sopra, un id diverso e lo richiami nel foglio di stile nella medesima forma dell'altro id.

meryk

Ti basta definire una classe, specificando uno dei due colori che ti serve.
Per capire cos'è e come funziona una classe puoi leggere le FAQ alla voce **Cosa sono i selettori di Classe?
**Li troverai anche alcuni esempi che ti aiuteranno nel lavoro.
@liamuscogiuri said:

non ho mai usato i CSS, non so come funzionano ancora, però volevo sapere se c'è un modo per fare i link di colore diverso, perchè andando da Prioprietà di Pagina, mi da lo stesso colore per tutti.:?

Proprietà di Pagina... quindi stai usando dreamweaver? In quella finestra puoi definire le proprietà generali valide per tutti i link.
Il mio consiglio spassionato è quello di usare l'editor in modalità codice... questo significa non farsi scrivere il codice da dreamweaver, ma scriverselo da soli!
Se non è questo il tuo obiettivo, per collegare una classe dall'interfaccia di dreamw. credo ti basti andare sul link, cliccare con il tasto destro, scegliere la voce stili CSS, dare un nome alla classe, e scegliere dalla finestrina le proprietà.

liamuscogiuri

grazie davvero tantissimo!
mi avete dato un aiuto enorme!
:):):)

gabip87

@karedas said:

#nomeid:link,:active,:hover,:visited

IE, nelle versioni precedenti alla 7, non interpreta le pseudoclassi se assegnate ad un elemento diverso da <a>. inoltre, il loro ordine non è casuale. quindi:

a:link,
a:visited,
a:hover,
a:active

(LoVe/HAte)

karedas

@gabip87 said:

IE, nelle versioni precedenti alla 7, non interpreta le pseudoclassi se assegnate ad un elemento diverso da <a>. inoltre, il loro ordine non è casuale. quindi:

a:link,
a:visited,
a:hover,
a:active

(LoVe/HAte)

Veramente funziona =p
Naturalmente quando ho messo un'id:hover e via dicendo mi riferivo ad un link.
Explorer precedente al 7 non funziona se tale clausola la dai a dei "div" o ad altri elementi della pagina.