Colore diverso per ogni link

**digital00** · 11-07-2006, 15:19

Salve,
ho tre colonne contenenti ognuna quattro link... vorrei che i link nella prima colonna siano arancioni... quelli nella seconda blu, mentre quelli nella terza marroncini... e mi piacerebbe creare anche un rollover dei colori.. cioè che al passaggio del mouse diventino bianchi..
Ho già provato molte cose ma ancora non sono abbastanza pratico coi css..
sapete darmi una mano?

**salasir** · 11-07-2006, 15:28

E' un argomento trattato migliaia di volte. Perchè non fate una ricerchina

Comunque:

codice:

(X)HTML 
... 
<div id="colonnasx">
   <ul>[*]Link1[*]Link2[*]Link3[/list]
</div>

<div id="colonnace">
   <ul>[*]Link1[*]Link2[*]Link3[/list]
</div>

<div id="colonnadx">
   <ul>[*]Link1[*]Link2[*]Link3[/list]
</div>

CSS 

#colonnasx a {color: orange; }
#colonnace a {color: blue; }
#colonnadx a {color: maroon; }

#colonnasx a:hover,
#colonnace a:hover,
#colonnadx a:hover {color: white; }

**pierofix** · 11-07-2006, 15:28

Facciamo un esempio generico. La struttura XHTML:

codice:

<body>
   <div id="intestazione"></div>
   <div id="contenuto"></div>
   <div id="piepagina"></div>
</body>

Nel CSS:

codice:

#intestazione a
{
   color:colore;
}
#contenuto a
{
   color:colore;
}
#piepagina a
{
   color:colore;
}

a:hover
{
   color:#fff;
}

Per usare i CSS è indispensabile conoscere i selettori; qui trovi tutto quello che ti serve:

- www.w3.org/TR/CSS21/selector.html

P.S. Ooops.

salasir mi ha fatto mangiare la polvere.

**digital00** · 11-07-2006, 15:31

Grazie mille, ora è tutto piu chiaro!!

**pierofix** · 11-07-2006, 15:38

Se sei agli inizi, spero che questo ti aiuti a fare un po' di chiarezza in più:

- http://pesanervi.diodati.org/pn/index.asp?a=293

Discussione: Colore diverso per ogni link

Strumenti discussione

Ricerca discussione

Visualizza

Colore diverso per ogni link

Permessi di invio