links naturally becoming underlined

[tobymather]

Dear All,

When I make a link on my site (for instance a css controlled hover like this as part of a div.

<a href="#">Home</a>

I preview the page, and the link, which has the behaviour to turn red and underline itself, is already underlined, and goes purple when visited.

It is the same when I just create any old link on a site-It is always underlined, and goes purple when it has previously been visited...

How do i stop this??

Please help!

Thanks

[karinne]

change the text-decoration property to none

Code: Select all

a:link, a:visited, a:active {
  color: #090;
  text-decoration: none;
}

a:hover {
  color: #900;
  text-decoration: underline;
}

[tobymather]

Brilliant thanks!

[moojoo]

Important to note that you MUST use this order:

a:link
a:visited
a:hover

[Ryan Fait]

And this covers them all without the pseudo-selectors:

Code: Select all

a {
  color: #090;
  text-decoration: none;
}