Hi,
Actually, heres an example to illustrate the a) desired behaviour (open
frameset.htm below in IE 5+) and the problem (open frameset.htm in
Netscape 7 and prob'y 6 too).
In IE you will see the Link1 is orange initially. In Netscape this is
not the case. The other link behaves correctly and is blue and white
on-hover. The orange should stay orange even on-hover. Why does this not
work in netscape ?
Here's the 5 simple example files - the style sheet, the frameset, the
main index and 2 subindices. Save them off and load frameset.htm
-----------------------------------------------------
general.css
-----------
a:link, a:visited, a:active { text-decoration: none; color: #d0d0d0 }
a:hover { color: #0099ff }
a.1:hover { color: #cc6633 }
a.1:link, a.1:visited, a.1:active { text-decoration: none; color:
#cc6633 }
a.2:link, a.2:visited, a.2:active { text-decoration: none; color:
#d0d0d0 }
a.2:hover { color: #0099ff }
-----------------------------------------------------
frameset.htm
------------
<HTML><HEAD></HEAD>
<FRAMESET frameborder=0 cols="20%,*" border="1" framespacing="0">
<FRAME name="index" src="index.htm">
<FRAME name="content" src="subindex1.htm">
</FRAMESET>
</HTML>
-----------------------------------------------------
index.htm
---------
<html><head></head>
<link rel="stylesheet" href="general.css" type="text/css">
<BODY bgcolor="#000000" >
<a href="subindex1.htm" target=content
id="indexlink1">Link1</a> <br>
<a href="subindex2.htm" target=content id="indexlink2">Link2</a>
</body></html>
-----------------------------------------------------
subindex1.htm
-------------
<html><head>
<link rel="stylesheet" href="general.css" type="text/css">
<script language="javascript" type="text/javascript">
function onloaded() {
id=parent.frames.index.document.getElementById("in dexlink1");
id.className="1"; }
function onunloaded() {
id=parent.frames.index.document.getElementById("in dexlink1");
id.className="2"; }
</script></head>
<BODY bgcolor="#000000" onload="onloaded()" onunload="onunloaded()">
<a href="http://www.yahoo.com">subindex1 link 1 </a> <br>
<a href="http://www.yahoo.com">subindex1 link 2 </a>
</body></html>
-----------------------------------------------------
subindex2.htm
-------------
<html>
<head>
<link rel="stylesheet" href="general.css" type="text/css">
<script language="javascript" type="text/javascript">
function onloaded() {
id=parent.frames.index.document.getElementById("in dexlink2");
id.className="1"; }
function onunloaded() {
id=parent.frames.index.document.getElementById("in dexlink2");
id.className="2"; }
</script></head>
<BODY bgcolor="#000000" onload="onloaded()" onunload="onunloaded()">
<a href="http://www.yahoo.com">subindex2 link 1 </a> <br>
<a href="http://www.yahoo.com">subindex2 link 2 </a>
</body></html>
*** Sent via Developersdex
http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!