Welcome to WebmasterWorld Guest from 54.205.251.179

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

Removing Underlines from Links

Using CSS! HOW?

   
3:57 pm on Mar 20, 2003 (gmt 0)

10+ Year Member



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

4:03 pm on Mar 20, 2003 (gmt 0)

WebmasterWorld Administrator martinibuster is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Apply it to the anchor <A> tag.
4:05 pm on Mar 20, 2003 (gmt 0)

WebmasterWorld Senior Member tigger is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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

4:08 pm on Mar 20, 2003 (gmt 0)

10+ Year Member



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!
6:59 pm on Mar 20, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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.
7:38 pm on Mar 20, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

8:35 pm on Mar 20, 2003 (gmt 0)

10+ Year Member



Oooops, it seems we didn't notice you just made your first post on this board. Welcome to WebmasterWorld, Bendy!
10:14 pm on Mar 20, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



> 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.

10:02 am on Mar 21, 2003 (gmt 0)

10+ Year Member



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.

3:57 pm on Mar 25, 2003 (gmt 0)

10+ Year Member



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.