Web Analytics Made Easy -
StatCounter Color of link with CSS/NS4 - CodingForum

Announcement

Collapse
No announcement yet.

Color of link with CSS/NS4

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Color of link with CSS/NS4

    How can I change the color of a link with using CSS and NS4

    since activated etc. doesn't work

    A.footer:link {font-size: 10px; text-decoration: none; color: #FFFFFF; font-family: verdana, helvetica, arial;}
    A.footer:active {font-size: 10px; text-decoration: none; color: #FFFFFF; font-family: verdana, helvetica, arial;}
    A.footer:visited {font-size: 10px; text-decoration: none; color: #FFFFFF; font-family: verdana, helvetica, arial;}

  • #2
    NS4 does not support CSS completely. So I am not sure whether you can really changecolor of links using CSS for NS4.
    Scripting | JavaScripts | PerlScripts | Python Scripts | Articles | My Journal

    Comment


    • #3
      Try this

      Try this;

      <style type="text/css">
      <!--
      a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
      a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
      a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
      a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
      -->
      </style>

      -RiiWeN
      Yippi!!
      It's SUMMER!!!!!

      Comment


      • #4
        Re: Try this

        Originally posted by RiiWeN
        Try this;

        <style type="text/css">
        <!--
        a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
        a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
        a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
        a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
        -->
        </style>

        -RiiWeN
        Nope, this doesn't work

        Comment


        • #5
          Alright!
          But it works in Opera 6.0 and Ie 4.0+
          Hmm...
          *Hate NS*

          -RiiWeN
          Yippi!!
          It's SUMMER!!!!!

          Comment


          • #6
            I don't know if HTML is acceptable, but try this:

            <BODY ALINK="ACTIVELINKCOLOR" VLINK="VISITEDLINKCOLOR" LINK="LINKCOLOR">
            <STYLE>
            <!--
            a:hover{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            text-color: COLOR;
            }
            a{
            font-family: Verdana, Arial, Helvetica, sans-serif; // is this line actually necessary?
            text-decoration: none;
            }
            -->
            </STYLE>
            //could't think of anything for hover in HTML

            Alternatively, you could use IDs and JavaScript to handle the onmouseover, onclick, onmouseout, onblur events for the links, but that could get messy, and I don't know if that works for NS4...

            Sorry if I wasn't any help.

            Guardian

            PS: which part of your CSS isn't being processed?

            Comment


            • #7
              That didn't work to me...

              -RiiWeN
              Yippi!!
              It's SUMMER!!!!!

              Comment


              • #8
                Netscape 4 does not support the a:hover or a:active pseudo classes.
                Co-Operative Web Development

                Comment


                • #9
                  I'm not 100% sure about this, but I'm pretty sure such CSS styles need to be in a particular order (or you'll have problems).

                  They should be (in order):
                  link
                  visited
                  hover
                  active



                  Now, if you're wanting to change the color onmouseover in the Netscape 4.x browser, you'll need to take a good look at RoyW's handly little script. It's the only one like it that I've ever seen...and I use it on a couple of web sites.

                  LOOK HERE! -- http://www.javascript-fx.com/others/index.html (see "Netscape Hover").
                  Gordo
                  "In the End, we will remember not the words of our enemies, but the silence of our friends."
                  - Martin Luther King Jr. (1929-1968)

                  Comment

                  Working...
                  X