Kan ikke få aktivt menulink til at have bestemt farve

Kan du få hover til at virke, selvom du fjerner onmouseover og onmouseout?
Og hvis linket ikke åbner i et nyt vindue, når du vel ikke at se active?

nej, hover virker kun, hvis det står i selve koden til html-siden - som onmouseover og onmouseout. Jeg har på fornemmelsen, at hover i css-dokumentet kun dækker den overordnede menu "collapsiblePanelTab", og altså ikke undermenuerne.

Min side er bygget op med ud fra templates, hvor side- og topmenu forbliver det samme, men hvor midten af siden altså er nye html-sider, der åbner, når man klikker på linksene i sidemenuen. - Mon det kan give problemer for at vise de aktive links?

Hvad er filter for en ting, jeg kan ikke genkende den, og ved at remme den ud, begyndte hover at virke:

<style type="text/css">
a{color:green;}
a:link{color:orange;}
a:visited{color:blue;}
a:hover {
    /*filter: Light;*/
    color: #63a39f;
}
a:active {
    color: #FF0000;
}
</style>

<div id="CollapsiblePanel3" class="CollapsiblePanel"><div class="CollapsiblePanelTab" tabindex="0" onfocus="MM_goToURL('parent','../Losninger.html');return document.MM_returnValue">Løsninger</div><div class="CollapsiblePanelContent">
<p><a href="../Losninger_kunder.html" onclick="return false;">Kunder</a></p>
</div>
</div>

<a>Anchor uden link</a>

Det er meget mærkeligt, men det virker stadig kun på det øverste link "løsninger".

Jeg har følgende css-tekst i min kode:

<style type="text/css">
<!--
a:hover {
    color: #63a39f;
}
a:active {
    color: #FF0000;
}
a:link {
    color: #63a39f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
a:visited {
    color: #63a39f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;

Derudover henvises der også til et script "SpryAssets/SpryCollapsiblePanel.js - måske det har betydning?:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="../SpryAssets/SpryCollapsiblePanel.js" rel="stylesheet" type="text/css" />

Der findes kun een rækkefølge for pseudo-selektorerne:

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

-- forklaringen er at css indlæses sekventielt, så en senere matchende overskriver en tidligere, i din kode betyder det, at hover og active aldrig bliver aktiveret, da link/visited jo står nedenunder og derfor bruges de !-)

Det hjælper i den forstand, at man nu kan se en rød farve, når jeg klikker ned på linket. Men så snart jeg gir slip på musen og linkets indhold oploades midt på siden, så forsvinder den røde farve, og menuen er tilbage til start.

Kan det tænkes, at det slet ikke er muligt at fastholde den røde farve, der viser, at linket er aktivt, i det jeg oploader nye sider i en template?

Det er nemlig rigtigt. Det er sådan, active fungerer.

Ifølge rekommendationerne skal active forstås fuldstændigt bogstaveligt, nemlig mens der trykkes på linket, men en enkelt browser, som er lidt udbredt (IE !-), vælger at fortolke active som indtil andre elementer får fokus, og det er selvfølgelig lidt forvirrende ...

-- men som w13 anfører, så vil det give samme resultat i det scenarie, du angiver !o]

Lukketid?