[Javascript] Anomolies

[Burgess, Chris]

Trying changing the order in CSS to:

A:link.mnuLnkEff{
	color:black;
	text-decoration:none;
}
	
A:visited.mnuLnkEff{
	text-decoration:none;
	color:black;
		}
A:hover.mnuLnkEff{
	background:red;
	color:white;
	border:#808285;
	border-width:thin;
	border-style:solid;
}

HTH

Chris


-----Original Message-----
From: Cutter Bl [mailto:cutterbl at hotmail.com]
Sent: Tuesday, August 07, 2001 11:25 AM
To: javascript at LaTech.edu
Subject: RE: [Javascript] Anomolies


I guess it helps to give the site so folks can look at code doesn't it...The

site is http://www.falcon-knives.com

Cutter

The Past is a Memory
The Future a Dream
But Today is a Gift
That's why they call it
The Present


From: "Rees, Mark (TWIi London)" <mrees at twii.net>
Reply-To: javascript at LaTech.edu
To: "'javascript at LaTech.edu'" <javascript at LaTech.edu>
Subject: RE: [Javascript] Anomolies
Date: Tue, 7 Aug 2001 16:00:33 +0100

Hello

the hover tag works for me provided you put the class in the anchor tag
(rather than in a font tag for example). Perhaps something further down the
stylesheet is overriding your A:hover.clsMnuItem declaration?

Mark

-----Original Message-----
From: Cutter Bl [mailto:cutterbl at hotmail.com]
Sent: 07 August 2001 02:06
To: javascript at LaTech.edu
Subject: [Javascript] Anomolies


Been playing around with a number of tricks for my site. One thing I don't
understand is the behavior of the A:hover CSS attributes. If mouseover of
the menu items on the left you will see the style changes which are supposed

to occur (red background, grey border, white text).

A:hover.clsMnuItem{
      backgound:red;
      border-width:thin;
      border-style:solid;
      color:white;
}
This appears to work on most of the items all of the time, but some of the
items don't change the text color. Would I be better off applying these
style changes through a javascript onmouseover?

function changeStyle(i){
      document.(somenameidentifier[i]).style.background = "red";
      document.(somenameidentifier[i]).style.border-width = "thin";
      document.(somenameidentifier[i]).style.border-style = "solid";
      document.(somenameidentifier[i]).style.color = "white";
}
function changeBack(i){
      document.(somenameidentifier[i]).style.background = "transparent";
      document.(somenameidentifier[i]).style.border = "none";
      document.(somenameidentifier[i]).style.color = "black";
}

<a href="mylink.html" onmouseover="changeStyle('1')"
onmouseout="changeBack('1')" name="somenameidentifier1">my link</a>

I haven't tried this, just trying to get some feedback.

Cutter

The Past is a Memory
The Future a Dream
But Today is a Gift
That's why they call it
The Present


_________________________________________________________________
Get your FREE download of MSN Explorer at http://explorer.msn.com/intl.asp

_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
http://www.LaTech.edu/mailman/listinfo/javascript
_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
http://www.LaTech.edu/mailman/listinfo/javascript


_________________________________________________________________
Get your FREE download of MSN Explorer at http://explorer.msn.com/intl.asp

_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
http://www.LaTech.edu/mailman/listinfo/javascript