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.

    Remove Link 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
    •