Hyperlink underline

[SoulReaver]

Hey all,

How do I get rid the underline of a hyperlink? On my site the underlining on the links look crappy. Take a look for yourself (the link is in my sig).

[Bruce]

<style>
A:visited {text-decoration: none;}
A:hover {text-decoration: none;}
A:link {text-decoration: none;}
A:active {text-decoration: none;}
</style>

[SoulReaver]

Thx for the help. 1 more question where do I input the code, header or body?

[Bruce]

head

[trenzterra]

Originally posted by Phrozen
head

I put my code in the body section, but it works too. May I know whats happening?

[Dusty]

I put my code in the body section, but it works too. May I know whats happening?

It doesn't really matter where you put it, it's just more proper to put it in the head.

[keith]

actually, if you want all your links minus the underline [active, visited, etc...], just use this:

<style>
a {text-decoration:none}
</style>

[-tuw-]

<style>
a { text-decoration: none }
a:hover { text-decoration: underline }
</style>

this one works with IE but not in NS < 6.xx

[JdS]

my experience is that the order in which u write the style is important... i.e.

1. a:link.class
2. a:visited.class
3. a:hover.class
4. a:active.class

if u don't stick to this order, the links in MSIE will be buggy especially when using 'class'