SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: CSS in NS4.7

  1. #1
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS in NS4.7

    Why is it Netscape 4.7 renders some font colors correctly and others not? Linking to an external stylesheet my NS picks this style up correctly

    .whitetext12{
    font-family : Verdana, Helvetica, Arial;
    font-size : x-small;
    color : #ffffff;
    }


    but chooses to display this in a black font

    a:link.menu{
    font-family : Verdana, Helvetica, Arial;
    font-size : x-small;
    color : #ffffff;
    text-decoration : none;
    }
    a:visited.menu{
    font-family : Verdana, Helvetica, Arial;
    font-size : x-small;
    color : #ffffff;
    text-decoration : none;
    }
    a:hover.menu{
    font-family : Verdana, Helvetica, Arial;
    font-size : x-small;
    color : #CC0033;
    text-decoration : none;
    }


    here's the offending html, where the | character appears in white ok but not the links.


    <table border="0" cellspacing="0" cellpadding="2" align="right">
    <tr>
    <td class="whitetext12"><a href="azindex.asp" class="menu">A-Z Index</a>&nbsp;|&nbsp;<a href="feedback.asp" class="menu">Feedback</a>&nbsp;|&nbsp;<a href="links.asp" class="menu">Links</a>&nbsp;|&nbsp;<a href="search.asp" class="menu">Search</a></td>
    <td><img src="pics/space.gif" width="168" height="20" border="0" alt=""></td>
    </tr>
    </table>

  2. #2
    SitePoint Enthusiast rreames's Avatar
    Join Date
    Jun 2002
    Location
    Iowa
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Change td class to menu and change the css menus to this:

    .menu a:link{
    font-family : Verdana, Helvetica, Arial;
    font-size : x-small;
    color : #ffffff;
    text-decoration : none;
    }
    .menu a:visited{
    font-family : Verdana, Helvetica, Arial;
    font-size : x-small;
    color : #ffffff;
    text-decoration : none;
    }
    .menu a:hover{
    font-family : Verdana, Helvetica, Arial;
    font-size : x-small;
    color : #CC0033;
    text-decoration : none;
    }

    I don't think hoover works in NN4.x anyway but the links are now white and fonted.
    Apathetic Activist.
    reames.org


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •