I am having a small problem with CS 2

[Wullie]

I am having a small problem with CSS and I hope someone can help. I am completly new to CSS and have tried a few things with no joy.

The following is the code I am using:

<STYLE type=text/css>
A:link { COLOR: blue; FONT-WEIGHT: none; TEXT-DECORATION: none }
A:hover { COLOR: blue; FONT-WEIGHT: none; TEXT-DECORATION: underline }
A:visited { COLOR:blue; FONT-WEIGHT: none; TEXT-DECORATION: none }
</STYLE>

The problem is, the underline only works if the link has not been visited. I have tried changing the visited decoration to underline but this gives me a constant line and I only want it on mouseover.

Thanks in advance
Wullie

http://www.survivorhelp.co.uk

 

[aperfectcircle]

If you add an [red]a:visited:hover[/red] style with the text-decoration set to underline it will work. I'm not sure if this is how you're &quot;supposed&quot; to do it, but it worked fine in NN6 and IE5.5.

 

[yandso]

You could also try this

A{text-decoration:none}
A:Hoover{text-decoration:underline}

Roj

 

[Wullie]

Thanks a lot!!
Wullie

http://www.survivorhelp.co.uk

 

[cturg1]

I am having a problem with the my CSS with Netscape 6. The drop right menu displays within IE5 and in Netscape 4.7. However, within Netscape 6 it does not display at all. Can anyone help?

<style>

<!--
.subhead {
color: red ; font-size: 12px; font-weight: bold; padding-bottom: 4px

}
.menu {
background-color: #000090; border-bottom: #000000 0px solid; border-left: #000000 0px solid;
border-right: #000000 0px solid; border-top: #000000 0px solid;
color: red ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px;
padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 3px;
position: absolute; visibility: hidden; width: 200px; zindex: 1000; layer-background-color: #000090 ;
; text-decoration: none
}

a:link {text-decoration:none ; color : #CC99FF }
a:visited {text-decoration:none ; color : #FF6600}
a:active {text-decoration:none ; color : #CC99FF}
a:hover {text-decoration:none ; color : #FFCC00}
-->
a.gold:link {color: #FFCC00; text-decoration: underline}
a.gold:visited {color: #FFCC00; text-decoration:underline}
a.gold:hover {color: red; text-decoration:underline}
a.gold:active {color: #FFCC00; text-decoration:underline}
</style>

Thanks in advance