Just nu i M3-nätverket
Jump to content

Länkar med olika färg


IDGer

Recommended Posts

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

 

 

 

 

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...