Noen som har javascript som kan benyttes som stylsheet??

[Black Knight]

Hei.

 

Jeg jobber med en side hvor jeg skal ha linker på to foskjellige måter.

 

1. Har en meny hvor linken skal være Hvite uten understreking ved peking skal linken bli understreket men forsatt hvit..

 

2. På resten av siden skal alle andre linker være sorte og understreking når man peker på dem men forsatt sort ved peking.

 

Dette får jeg da ikke helt til og fikk tips av en venn om å bruke javascript, da jeg ikke kan ha to classes tag i en a href tag.

 

Legger ved hele stylsheeten så dere kan se hva jeg har til nå.

NB!! Menu_link_hover er ikke implementert i koden.

 

code i html:

<td width="96" height="18" class="background_button"> 

<div align="center"> 

<p class="background_td<a href="http://www.vg.no" class="menu_link">Om oss</a></p></div>

 

 

Stylsheet:

A

{

   FONT-SIZE: 12px;

   COLOR: #000000;

   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

   TEXT-DECORATION: none

}

A:hover

{

   FONT-SIZE: 12px;

   COLOR: #000000;

   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

   TEXT-DECORATION: underline

}

BODY

{

   FONT-SIZE: 12px;

   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

}

TD

{

   FONT-SIZE: 12px;

   COLOR: #000000;

   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

H1

{

   FONT-WEIGHT: bold;

   FONT-SIZE: 14px;

   COLOR: #000000;

   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

   TEXT-DECORATION: none

}

H2

{

   FONT-WEIGHT: bold;

   FONT-SIZE: 14px;

   COLOR: #000000;

   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

   TEXT-DECORATION: none

}

.background_td

{

BORDER-RIGHT: thin;

BORDER-TOP: thin;

BORDER-LEFT: thin;

BORDER-BOTTOM: thin;

BACKGROUND-COLOR: #476DE1;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: ffffff;



}

.background_button

{

BORDER-RIGHT: thin;

BORDER-TOP: thin;

BACKGROUND-IMAGE: url(images/spacerknap.gif);

BORDER-LEFT: thin;

BORDER-BOTTOM: thin;

BACKGROUND-REPEAT: repeat-x;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: ffffff;



}

.menu_link

{

BORDER-RIGHT: thin;

BORDER-TOP: thin;

BORDER-LEFT: thin;

BORDER-BOTTOM: thin;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: ffffff;

text-decoration: none;

}

.menu_link_hover

{

BORDER-RIGHT: thin;

BORDER-TOP: thin;

BORDER-LEFT: thin;

BORDER-BOTTOM: thin;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: ffffff;

text-decoration: underline;

}

.tableborder

{

   BORDER-RIGHT: black 1px solid;

   BORDER-TOP: black 1px solid;

   BORDER-LEFT: black 1px solid;

   BORDER-BOTTOM: black 1px solid

}

.tableline

{

   BORDER-RIGHT: black 1px;

   BORDER-TOP: black 1px;

   BORDER-LEFT: black 1px;

   BORDER-BOTTOM: black 1px solid

}

.inputbox

{

FONT-SIZE: 10px;

COLOR: #000000;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

TEXT-DECORATION: none;

background-color: #4fa4df;



}

[Neo]

Dette får jeg da ikke helt til og fikk tips av en venn om å bruke javascript, da jeg ikke kan ha to classes tag i en a href tag.

Man kan ikke ha 2 classes-tagger i en href-tag, men man kan lage så mange stilarkdefinisjoner man vil på a href-tagger.

Ikke finn på å bruk javascript. Eks:

 

A:link    {text-decoration: none;

    color: #339900;

  font-weight: bold;}

A:active  {text-decoration: none;

  color: #339900;

  font-weight: bold;}

A:visited	{text-decoration: none;

    color: #339900;

  font-weight: bold;}

A:hover  	{color: #0033cc;

    text-decoration: none;

  font-weight: bold;}

A.meny:link    {text-decoration: none;

    color: #ffffff;

  font-weight: bold;}

A.meny:active  {text-decoration: none;

  color: #ffffff;

  font-weight: bold;}

A.meny:visited	{text-decoration: none;

    color: #ffffff;

  font-weight: bold;}

A.meny:hover  	{color: #ff9900;

    text-decoration: none;

  font-weight: bold;}

 

Du kan legge på så mange "a.etellerannet" som du vil. Så bruk a.meny på menyen og bare en ren a som du allerede har laget på resten av siden.

 

I html i menyen skriver du da slik: <a class="meny" href="noe.html">noe</a>" og på resten av siden slik:

"<a href="annet.html">annet</a>".

 

(Du må selvfølgelig endre i stilarket jeg skrev ovenfor, jeg bare copy'n pastet det fra en av mine sider)

[Black Knight]

Tusen takk det fungerte