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=http://www.webdeveloper.com/forum/archive/index.php/"one.html">one</A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"two.html">two</A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"three.html">three</A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"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.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.Works fine for me on Moz 1.4; not sure what version NS 7.1 is based on.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.Yea, they're exactly the same Gecko version. Strange that they seem to be acting differently.
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=http://www.webdeveloper.com/forum/archive/index.php/"one.html">one</A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"two.html">two</A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"three.html">three</A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"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.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.Works fine for me on Moz 1.4; not sure what version NS 7.1 is based on.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.Yea, they're exactly the same Gecko version. Strange that they seem to be acting differently.