Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Posts
    553
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Link Styling Dilemma

    I am using CSS to style a link. Specifically, the link has text-decoration:none, and then text-decoration:underline on hover. Works fine - excpet in NS4. I would not mind at all if NS4 just completely ignored the styling, but instead, that portion of the document renders as garble - text is jumbled and overwritten.

    Is there a way to get that kind of link styling to work across browsers? Prefably without using javascript. I know, though, that there are sites that are able to get this effect in NS - I have seen it.

    G
    Last edited by gorilla1; 10-09-2002 at 05:17 AM.

  • #2
    Regular Coder
    Join Date
    Sep 2002
    Location
    Burlington, VT
    Posts
    125
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I am not sure of a way to make text decoration work in NS4, I don't think that I've ever seen that...

    Usually text decorations just degrade in NN4 and just stays undecorated.
    I just tested this stuff in NN4.5, it remained in the text-decoration:none state. If something simple like this doesn't take care of it, post some code so we can take a look at it.
    Code:
    
    <html>
    <head>
    <title>underline on hover</title>
    <style>
    <!--
    
    a:link {color: #000000; text-decoration: none}
    a:visited {color: #000000; text-decoration: none}
    a:hover {color: #000000; text-decoration: underline}
    a:active {color: #000000}
    
    -->
    </style>
    </head>
    <body>
    <a href="http://yahoo.com">yahoo</a>
    </body>
    </html>
    
    "The focused mind can pierce through stone."
    - Japanese Maxim

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    -27° 28' 22" , 153° 1' 22"
    Posts
    135
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Have a read of this thread, it will give you an answer about trying to get this to work in Netscape 4.

    http://www.codingforums.com/showthre...ight=underline

    As dauvm said...

    Usually text decorations just degrade in NN4 and just stays undecorated.
    Netscape 4 should just not underline the text at all.
    "Computers are considered female - As soon as you make a commitment to one, you find yourself spending half your paycheck on accessories for it."

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Posts
    553
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks dauvm and JustAsking. Dauvm, yes, you code does work... Here is what my css and code looks like:

    a.txtqtlnk {

    font-family: Arial, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    margin-right: 10;
    margin-left: 7;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    cursor: hand;
    color: #000000;
    }

    a.txtqtlnk:hover {
    font-family: Arial, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    margin-right: 10;
    margin-left: 7;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: underline;
    cursor: hand;
    color: #000000;
    }

    <a href="room.php3" class="txtqtlnk">
    yahoo


  •  

    Posting Permissions

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