52 users online (0 members and 52 guests)  


  Results 1 to 3 of 3

Related

  1. Netscape Images    Forum: HTML Forum
    Replies: 2
  2. Netscape 4.7 and anchored links    Forum: HTML Forum
    Replies: 0
  3. Help with Netscape    Forum: CSS Forum
    Replies: 1
  4. Netscape 4.7    Forum: HTML Forum
    Replies: 2
  5. Explorer and Netscape    Forum: HTML Forum
    Replies: 6
  1. #1
    woodknut's Avatar
    Disabled

    Status
    Offline
    Join Date
    Dec 2003
    Posts
    32

    Question Netscape 7.1 destroys links?

    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.com masterclass says hover is not supported and then shows an example using hover.
    The ZenGarden site has multiple examples that use hover which render properly in Netscape 7.1.
    What gives?

    W.
    Last edited by woodknut; 01-08-2004 at 01:02 PM.

  2. #2
    woodknut's Avatar
    Disabled

    Status
    Offline
    Join Date
    Dec 2003
    Posts
    32
    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.

  3. #3
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    Thanks for posting the solution, it will no doubt help those that do not have netscape 7.1 installed


    ...like me

    Dave



Tags for this Thread