PDA

View Full Version : Link Styling Dilemma

gorilla1
10-09-2002, 05:12 AM
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
dauvm
10-09-2002, 05:35 AM
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. :cool:

<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>
JustAsking
10-09-2002, 05:49 AM
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/showthread.php?s=&threadid=517&highlight=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.
gorilla1
10-09-2002, 02:30 PM
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