Removing Underlines from Links

Using CSS! HOW?

[Bendy]

I know ya have to use CSS (and know how to edit css) but dunno where to specify the fact I do not want my links to underline! (oh yeah - I'm using Dreamwweaver 4)

Any help would be greatly appreciated!

Thanks

[martinibuster]

Apply it to the anchor <A> tag.

[tigger]

you have to specify

text decoration : none

eg.
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #CC0033;
text-decoration: underline;
}

This is done by ticking the box on the Type panel in the css editor within DW

[kyr01]

This will remove the underlining if inserted in your EXTERNAL style sheet (color and background may be changed to whatever you like):

a:link { color: blue; text-decoration:none; background-color: transparent; }
a:visited { color: purple; text-decoration:none; background-color: transparent; }
a:active { color: hotpink; text-decoration:none; background-color: transparent; }
a:hover { color: hotpink; text-decoration:none; background-color: transparent; }

I don't think it is a great idea, by the way, since most people are really used to underlined links and may not recognize them if you use a different style. Be careful!

[JamesR]

Don't know if you are doing this but I wouldn't use it as a method to hide links from viewers but get them indexed by the search engines.

[George]

I took this risk about 10 months ago, and have never had a complaint from my customers.
It struck me that most people were reasonably intelligent, and if I made it otherwise obvious, there would be no problems. All my links are without underlines.
I do not think there were/are problems! Hard to tell, but the new site, with many other changes doubled the sales.

George

[kyr01]

Oooops, it seems we didn't notice you just made your first post on this board. Welcome to WebmasterWorld, Bendy!

[Mohamed_E]

> I don't think it is a great idea, by the way, since most people are really used to underlined links and may not recognize them if you use a different style. Be careful!

I wonder how clear the following scheme will be to users:

a { 
color:#09c; 
text-decoration:none; 
font-weight:600; 
font-family:verdana, arial, helvetica, sans-serif; 
} 
a:link {color:#09c;} 
a:visited {color:#07a;} 
a:hover {background-color:#eee;} 

I like the appearance, and the links (normal text is black) seem to me to stand out clearly. Comments and experience much appreciated.

[Bendy]

Thanks for all your feedback fellas - - - I agree with the point that most punters are used to links being underlined - but because I come from a design background I've got other plans on how to make it blatantly obvious that a link exists!

Thanks once again.

[lwalper]

I'm a newbie here (first post) but fairly familiar with HTML. Have built a few sites with FrontPage but looking for "more, better" stuff. This topic intrigues me—it looks good and I'd like to incorporate it in one of my sites.

That said, from reading this thread I guess I need to read a bit more about CSS.