Click to See Complete Forum and Search --> : Netscape 7.1 destroys link?


woodknut
01-08-2004, 11:46 AM
Okay, I perused a few sites that discuss CSS bugs and mozilla/netscape and it comes down to this:

1-Make all declarations for links, except color, on A
2-Declare color (and color alone) on :link and :visited

So please help me :
CSS snippet:
a {
text-decoration: none;
font-weight: bold;
color: #ccc;
outline: none;
}
a:link {
color: #ccc;
}
a:visited {
color: #ccc;
}
a:hover {
color: #ccc;
}
#menu {
position: relative;
top: 75px;
left: 0px;
padding: 10px 2% 10px 2%;
margin: 0px;
border: 0px;
height: 10px;
text-decoration: none;
}

#menu a:link {
color: #FF0000;
}

#menu a:visited {
color: #FF0000;
}

#menu a:hover {
color: #FFFF00;
}

HTML page snippet:
<div id="menu">
<A HREF="one.html">one</A>
<A HREF="two.html">two</A>
<A HREF="three.html">three</A>
<A HREF="four.html">four</A>
</div>

This should display a red link that when mouse over (hover) the link text should change to yellow (with the accompanying cursor change to 'hand'). Works in IE6 but Netscape 7.1 all I get is red text.
I've tried changing the order of psuedo-selectors(?) but to no avail.
Hover not supported ?? Richinstyle masterclass says hover is not supported then goes on to show an example using it. Multiple examples on the ZenGarden site properly render hover in Netscape (where I borrowed the syntax for my CSS).
What gives?


W.

woodknut
01-08-2004, 12:47 PM
I found my error:

the reference for the menu links should be:

#menu a {

instead of

#menu {

this properly sets the styles for the links.

W.

ray326
01-08-2004, 12:49 PM
Works fine for me on Moz 1.4; not sure what version NS 7.1 is based on.

woodknut
01-08-2004, 12:56 PM
Ray,
the NS 'about' page shows:

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030624 Netscape/7.1 (ax)

though I'm glad to know it works for you ;)

W.

ray326
01-08-2004, 01:30 PM
Yea, they're exactly the same Gecko version. Strange that they seem to be acting differently.