colore link con i css

[El rumbero]

Ho inserito due menù testuali in una pagina.

Visto che questi menù dovrebbero differire tra loro, per colori, font ed effetti relativi al link. Vorrei sapere in che modo e cosa posizionare nel css i valori per realizzare i menù.

Io ho trovato in rete questo codice:

                       a.link {
		 color : Black;
		 text-decoration: none
		}

		a.visited {
		 color : Black;
		 text-decoration: none
		}

		a.hover {
		 color : #00ff00;
		 text-decoration : underline;
		}

		a.active {
		 color : #ffe300;
		 text-decoration: underline
		}

solo che, oltre che presumo sbagliato, non so dove inserirlo per regolare i due menù singolarmente.

Qualcuno riesce a darmi una mano, grazie

[Mich_]

<tag id="menu1"> ... <a>...</tag>
<tag id="menu2"> ... <a>...</tag>

Il CSS:
#menu1 a.link,  #menu1 a.visited {
  color: Black;
  text-decoration: none
}
#menu1 a.hover {
  color: #00ff00;
  text-decoration : underline;
}
#menu1 a.active {
  color: #ffe300;
  text-decoration: underline;
}

#menu2 a.link,  #menu1 a.visited {
  color: Blue;
  text-decoration: none;
}
#menu2 a.hover {
  color : #00ffff;
  text-decoration : underline;
}
#menu2 a.active {
  color : #ffe3ff;
  text-decoration: underline;
}

Chiaramente i colori che ho settato sono solo per esempio (forse sono anche brutti)

[salasir]

Racchiudi i due menù in div con id differenti e poi dai ad ognuno le caratteristiche che vuoi.

CSS 
#menu1 a.link, #menu1 a.visited {
	 color : Black;
	 text-decoration: none
	}

#menu1 a.hover {
	 color : #00ff00;
	 text-decoration : underline;
	}

#menu1 a.active {
	 color : #ffe300;
	 text-decoration: underline
	}

#menu2 a.link, #menu2 a.visited {
	 color : Black;
	 text-decoration: none
	}

#menu2 a.hover {
	 color : #00ff00;
	 text-decoration : underline;
	}

#menu2 a.active {
	 color : #ffe300;
	 text-decoration: underline
	}

(X)HTML 
<div id="menu1">
  <ul>[*]<a href......>voce 1</a>[*]<a href......>voce 2</a>[*]<a href......>voce 3</a>[/list]
</div>

<div id="menu2">
  <ul>[*]<a href......>voce 1</a>[*]<a href......>voce 2</a>[*]<a href......>voce 3</a>[/list]
</div>

[El rumbero]

vi posto il codice.

non legge le modifiche impostate, e mi annulla quelle del div contenente le scritte.



Xhtml

<div  border= "0" id="colonnasx" >
			<div id="divmenu">
				<div id="menu2">

<a href="index.html">

voce1

<a>

voce2



voce3</p></div>
			</div>
			<div id="foot"></div>
			</div>

CSS

}	
#menu2 a.link, #menu2 a.visited {

	 color : #ffcc00;
	 text-decoration: none
	}

#menu2 a.hover {

	 color : #d38a00;
	 text-decoration : none;
	}

#menu2 a.active {

	 color : #d8ff00;
	 text-decoration: none;
	}

#divmenu {

	width: 166px;
	background-color: #000000;
	border-top:  0px solid #191919;
	border-right: 0px solid #191919;
	border-left: 0px solid #191919;
	border-bottom: 0px solid #191919;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;

#colonnasx {
	border-top:  0px solid #191919;
	border-right: 1px solid #191919;
	border-left: 2px solid #191919;
	border-bottom: 0px solid #191919;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	width: 298px;
	height: 600px;
	background-image: url(h1.jpg);

[Myaku]

questo:

<div id="menu2">

<a href="index.html">

voce1

<a>

voce2



voce3</p></div>

è sbagliato. i tag <a> e

non sono correttamente chiusi.
inoltre, mi pare di capire si tratti di un elenco di voci, usa i tag di lista

ps. appena sono sul pc con l'adsl ti guardo anche il thread dei margini, semmai se nessun altro si fa vivo domani ricordamelo

[El rumbero]

mi potete spiegare, perchè le istruzioni sul css non sortiscono il minimo effetto?

CSS 

#divmenu {

	width: 166px;
	background-color: #000000;
	border-top:  0px solid #191919;
	border-right: 0px solid #191919;
	border-left: 0px solid #191919;
	border-bottom: 0px solid #191919;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	
}


#colonnasx {
	border-top:  0px solid #191919;
	border-right: 1px solid #191919;
	border-left: 2px solid #191919;
	border-bottom: 0px solid #191919;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	width: 298px;
	height: 600px;
	background-image: url(h1.jpg);
}





#menu2 a.link, #menu2 a.visited {
	font: bold 12px/1.5 arial;
	 color : #ffcc00;
	 text-align: center;
	 text-decoration: none
	}

#menu2 a.hover {
	font: bold 12px/1.5 arial;
	 color : #d38a00;
	 text-align: center;
	 text-decoration : none;
	}

#menu2 a.active {
	font: bold 12px/1.5 arial;
	 color : #d8ff00;
	 text-align: center;
	 text-decoration: none;
	}

Xhtml 

<div  border= "0" id="colonnasx" >
			<div id="divmenu">
				<div id="menu2">
  <ul>[*]voce 1[*]voce 2[*]voce 3[/list]
</div>
			</div>
			<div id="foot"></div>
			</div>

[Mich_]

Di solito se non prende i CSS la causa e` un errore di sintassi, che puo` essere da qualsiasi parte:
- nella chiamata al CSS
- nei selettori
- nel CSS (ad esempio un puntoevirgola mancante o qualche spazio di troppo o che manca)

Prova a passare dai validatori.

[El rumbero]

Originariamente inviato da Mich_
Di solito se non prende i CSS la causa e` un errore di sintassi, che puo` essere da qualsiasi parte:
- nella chiamata al CSS
- nei selettori
- nel CSS (ad esempio un puntoevirgola mancante o qualche spazio di troppo o che manca)

Prova a passare dai validatori.

non so cosa pensare, avrei sperato in un qualche errore di forma.

Comunque il css è apposto

[El rumbero]

e l'xhtml ha solo due errori che dubito centrino col mio problema di lettura :master: :master:

[Mich_]

Forse gli errori segnalati nell'XHTML non c'entrano, ma ti dicono che il validatore non e` in grado di validare la pagina, dato che ci sono gravi errori di sintassi che gli impediscono di proseguire.

Questo conferma la mia ipotesi ...