Länkar med olika färg

[IDGer]

Jag har en länk som ser ut enligt följande:

 

<a href="javascript:popUp1()" class="svart">blabla</a>

 

I head ligger detta:

 

<style type="text/css">

<!--

A:link { text-decoration: none; color:#336699; }

A:link.svart { text-decoration: none; color:black; }

A:visited { text-decoration: none; color:#336699; }

A:hover { text-decoration: underline; color:#336699; }

A:active { text-decoration: none; color:#336699; }

--> </style>

 

Tanken är som ni ser att länken ska vara svart, medan övriga länkar är #336699 ("normalfärg"). Detta fungerar utmärkt om jag inte använder javascriptet i länken ("javascript:popUp1()"), men så fort jag sätter dit det blir länken normalfärg #336699 istället för svart! VARFÖR? Så oerhört frustrerande. Det verkar som om javascriptet "slår ut" css-scriptet.

 

Om det kan vara till hjälp så ser javascriptet ut så här och laddas in i head efter css-scriptet ovan:

 

<script language="JavaScript">

<!-- Begin

function popUp1() {

props=window.open('popup_email.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=350, height=300 left = 200, top = 200');

}

// End -->

</script>

 

Vore oerhört tacksam om någon kan förklara hur jag ska göra för att detta ska fungera.

 

En lösning jag tänkt på är att istället lägga link=black i body och sen använda class på alla länkar som ska vara normalfärgade #336699 (eftersom de inte använder javascript i a href ändå), men INTE på den som använder javascriptet. Dock vill jag att den svarta länken dessutom ska sakna understrukning, vilket gör att den måste ha class (såvida understrukningen inte går att få bort på något annat vis), så där sprack den idén.

 

Oerhört tacksam om någon kan knäcka denna nöten..

 

MVH Ola

 

 

 

 

 

[lizardKng]

Testa med:

 

A { text-decoration: none; color:#336699; }
A:hover { text-decoration: underline; color:#336699; }
A.svart { text-decoration: none; color:black; }
A.svart:hover { text-decoration: none; color:black; }

[inlägget ändrat 2004-07-05 09:54:25 av pa9876]

[IDGer]

Fungerade, tackar!

 

Ola

 

[lizardKng]

Vassego!

 

Det verkar som om browsern tycker att an Javascriptlänk alltid är "visited"?