Highlight af menupunkt - Hvordan ?

alink="#en farve efter dit valg"  (fx alink="#224466")

eller

a.menupunkt:(måske active ved ikke)'
bla bla bla (kommer senere)

<STYLE>
    A.menupunkt:active { font-weight:bold; color:purple }
</STYLE>

skulle det være

Ok.....det virker fint når der kun er een side, men jeg har undersider fra linket, og når disse kaldes er menu ikke aktiv mere. den skal være aktiv til man vælger et andet menupunkt.

Ligeledes vil jeg gerne have forgrunden væk når menupunktet er aktiv.

øhhhh... nu er jeg ikke helt med længere.. hvad er det du vil.

(u lost me there)

http://www.mur-tag.dk/producenter/dmoek/intro.htm
Noget af den stil?

>md craig..Jeg mener, når man klikker på et link (menupunkt), får man selvfølgelig  den side frem i hovedrammen, på denne side er der et link til en underside og det er når man klikker på dette at første link i menuen ikke mere er aktiv, naturligt nok, for nu befinder man sig jo ikke mere på denne side.
Jeg vil have menupunktet til at være highlight indtil man trykker et nyt punkt i hovedmenuen.

        -------------
        |Menu        |
        -------------  ------------ -----------
        |Link(aktivt)|>|hovedside |>|underside | o.s.v.
        -------------  ------------ -----------

>ras2000... Ja det er lige sådan jeg ønsker det, men koden er anderledes end min og jeg er ny i CSS, derfor kan jeg ikke lige overskue det, men der må findes en kode til min opstilling der  gør det samme.

Jamen så skal din kode ligne min en del. Min kode highlighter et punkt indtil et nyt punkt vælges i menuen. Jeg går ud fra at du har lavet din side i frames. Har du et link til siden?

Nej den er ikke udgivet endnu,for når det ikke virker tilfredsstillende er der ingen grund til, Jo den er lavet i frame.
Du skal bare give min løsningen(ændring) til mit spørgsmål, så kan jeg selv sætte det ind så lære jeg også lidt af det.
Og så send lige et svar til point.

<HTML>
<HEAD>

<!-- Minus AutoDato -->
    <TITLE>indhold</TITLE>

<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<script type="text/javascript">
var klik = "";
function aktiv(el){
    if (klik!="" ) inaktiv(klik);
    klik = el;
    el.className = "aktiv";
}
function inaktiv(el){
    el.className = "menupunkt";
}
</script>
<base target="hovedramme">
<style type="text/css">

<!--

table.menu {border: 1px solid #393939;}

td.menu, .overskrift {font: bold 11px verdana, sans-serif;text-align: center;}

a.menupunkt {
    text-decoration: none;
    background-color: #CCCC66;
    color: #717171;
    border-top : 1px solid #FFFFFF;
    border-left : 1px solid #FFFFFF;
    border-bottom : 1px solid #6D6D6D;
    display: block;
    line-height: 22px;
    width:99%;
}
a.menupunkt:hover {
    text-decoration: none;
    background-color: #CCCC33;
    border-top : 1px solid #CCCC00;
    border-left : 1px solid #8F9CC6;
    border-bottom : 1px solid #6D6D6D;
    display: block;
    color: #000000;
    width:99%;
}
a.aktiv {
    text-decoration: none;
    background-color: #CCCC33;
    border-top : 1px solid #CCCC00;
    border-left : 1px solid #8F9CC6;
    border-bottom : 1px solid #6D6D6D;
    display: block;
    color: #000000;
    width:99%;
    line-height: 22px;
}

.overskrift {
    background-color: #CCCC33;
    color: #000000;
    border-top: 1px solid #D5DFFF;
    border-left: 1px solid #D5DFFF;
    border-bottom: 1px solid #393939;
    line-height: 20px;
}
-->
</style>

</HEAD>
<BODY>

<table cellpadding="0" cellspacing="0" border=0 class=menu width=273 onmouseover="window.event.cancelBubble=true">
<tr><td><div class=overskrift>Navigation</div></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 1</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 2</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 3</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 4</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 5</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 6</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 7</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 8</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 9</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 10</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 11</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt onclick="aktiv(this)">Menupunkt 12</a></td></tr>


</table>
</body>
</html>

Jeg har lagt en ny class ind kaldet aktiv, som ligner din :hover til forveksling.
Så har jeg lagt en kodestump ind, mellem de <script> tags. Når man klikker på et <a> tag, så kører den funktionen aktiv() og sender "this" videre, en henvisning til det tag der kaldte funktionen. Funktionen husker dette tag til næste gang, i variablen klik. Hvis klik ikke er tom (det ikke er første gang der bliver klikket) kører den funktionen inaktiv på det huskede tag. Funktionen aktiv() ændrer så class'en til at være .aktiv. Funtionen inaktiv ændrer den tilbage til .menupunkt.

>ras2000....Tak for hjælpen
~ibtage~

Selv tak.