Active

Jag har en klass där länken ska bli fetad och förbli fetad tills man trycker på någon annan länk. Problemt är att den enbart blir fetad när muspekaren är nedtryckt men sen återgår den till ej fetad när man släpper musknappen.

A.FontStandard11B:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    color : #999966;
}

Då får du ta till något fiffigt Javascript

Tråden flyttas från HTML, XHTML & CSS

Ganska fiffigt va? ;)

<script type="text/javascript"><!--
window.onload = function(){

  els = document.all ? document.all : document.getElementsByTagName("a");

  for(i in els)
    if(els[i].className=="FontStandard11B")
      if (els[i].href == location.href)
        with(els[i].style){
          fontWeight = "bold";
          fontSize = "11px";
          fontFamily = "arial";
          color = "#999966";

        }

}
--></script>

<a class="FontStandard11B" href="sida1.html"> Sida 1</a>
<a class="FontStandard11B" href="sida2.html"> Sida 2</a>
<a class="FontStandard11B" href="sida3.html"> Sida 3</a>
<a class="FontStandard11B" href="sida4.html"> Sida 4</a>

Och här är ett litet test på hur det funkar i verkligheten: :)