How to make links not underlined

How do i make my links not underlined in css?

 

If you're referring to all links, here's an example of my site, where the only time a link will be underlined is when you hover over it:

a:link {color: #075485; background: none; text-decoration: none;}
a:visited {color: #075485; background: none; text-decoration: none;}
a:active {color: #075485; background: none; text-decoration: none;}
a:hover {color: #000000; background: none; text-decoration: underline;}

HTML:

It's based on the "text-decoration: none" or "text-decoration: underline" portion of the coding.

 

check out css of this page itself..

you'll know

 

PFCritics has got it right, you know.

If you just need a particular hyperlink not underlined, then you can assign a class name to it, and then add the "text-decoration: none" to it.

 

Should be

a:link, a:visited, a:active {color: #075485; background: none; text-decoration: none;}
a:hover {color: #000000; background: none; text-decoration: underline;}

No need for the multiple declarations if they are the same.


Rich

 

1- if u r using Dreamweaver MX then choose that css style in which u want to make text not underline double click at that class
2- go to text option tab which is first tab and choose none
now all the links which r using that class will not underlined

 

That also works if you are linking to images as well that can sometimes bug out in Firefox
img a:link {text decoration: none}