Inserire 2 o più a:hover diversi

shock.estremo

Inserire 2 o più a:hover diversi

Salve gente,
sto facendo un sito usando Adobe Dreamweaver ma avrei intenzione di creare diversi a:hover, mentre per a:link ci riesco con gli a:hover no, se metto quello generale viene applicato a tutti in automatico e non riesco a farne altri diversi ^^...sapete aiutarmi?
Vi incollo il mio css

body {
	background-image: url(images/background.png);
	font-family: "Times New Roman", Times, serif;
	color: #CCCCCC;
}
#boxtitolo {
	border: double #ffffff 7px;
	border-bottom: solid 3px;
}

.StileArticolo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #458CA7;
	text-align: left;
	background-position: top;
}
.Sottobox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #FFFFFF;
}
#sottobox {
	border: double 7px;
}

.direttore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EBEBEB;
}


.StileTitoliArticolo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #002b55;
}
.SottoIntestazione {
	font-family: "Courier New", Courier, monospace;
	font-size: 19px;
	color:;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.Menunavigazione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:;
}
.linkmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #006699;
}



#boxpage {
	border: double 7px;
	border-bottom: solid 3px;
}
#archivio_mesianni  {
	border: double 7px;
}
.linkarticoli {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;

web.hunter

Ciao Shock_estremo,

devi creare delle sottoclassi per ogni classe css a cui intendi mettere un A hover differente, ti faccio un esempio:

#collegamento A {
font-family: "Palatino Linotype";
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFFFD4;
text-decoration: none;

	}
 
       A:hover {
       font-family: "Palatino Linotype";
font-size: 16px;
font-style: normal;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

dimmi se ti è stato utile

web.hunter

Se non funziona così trasforma la identità in classi, quindi togli il cancelletto e metti un punto, addosso al nome dello stile.

web.hunter

Scusate ma sto cotto, devi inserire prima degli A e A hover, anche la semoplice classe principale, poi gli altri due:

.collegamento {
font-family: "Palatino Linotype";
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #FFFFD4;
text-decoration: none;

}

shock.estremo

Ma devo mettere "#" al posto del "." avanti?

shock.estremo

Ma perchè non riesco? -__________-
Io faccio tipo:

.linkmenu A{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    text-decoration: none;

.linkmenu A hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}

Ma non lo fa. >_______<

web.hunter

Questo va bene, ma va messa prima anche la classe normale, senza A, poi gli altri due che seguono sono sottoclassi del primo linkmenu e guarda poi che la parantesi graffa va chiusa per ogni sottoclasse

.linkmenu {
font-family: "Palatino Linotype";
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #FFFFD4;
text-decoration: none;

}
.linkmenu A{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
text-decoration: none; }

.linkmenu A hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FFFFFF;
text-decoration: none; }

misterwo

Ciao shock,
quando vuoi personalizzare una a, ricordati di dargli sempre l'elemento padre.

Ad esempio, se vuoi che tutte le a contenute in un paragrafo siano rosse con hover nero la regola sarà:
p a {color:#ff0000;}
p a:hover {color:#000000}

Si chiamano folgi di stile a cascata anche perchè tu tramite gli elementi puoi dare diverse personalizzazioni, la cosa importante è segnare sempre le discendeze...

shock.estremo

Purtroppo non riesco proprio, la mia inesperienza si fa decisamente sentire -.-....vi allego il file HTML e il CSS così magari voi capite perchè non riesco ^^
Si scaricano da qui
****.megaupload.com/it/?d=FC9CA829
****.megaupload.com/it/?d=RJQ16AQQ
Ho censurato l'inizio del link perchè non me lo dava se no ^^

è solo una pagina iniziale i collegamenti sono "fasulli" nel senso che per ora non portano a nulla ^^;)
Magari se capite come dare diversi a:hover ai link del menu e ai link dei titoli dell'articolo, modificate il css e lo allegate
Grazie gente

shock.estremo

Capito l'errore, quello che facevo era giusto solo che andando a "modificare" non l'accettava, ma cancellando e rifacendo tutto lo accetta!

Grazie a tutti!!!