Sijun Forums :: View topic - rEmoving underlines in links in Dreamweaver?

Lunatique · Posted: Sat Jun 08, 2002 8:52 am

I'm doing a major update for my website, and I can't seem to remember how to make links in text withOUT the underline. Somebody help?

eyewoo · Posted: Sat Jun 08, 2002 9:06 am

Best way is to use styles. The CSS syntax is:

text-decoration: none;

Here's some CSS code that will turn all underlines off except if the cursor passes over a link. Then, because of the hover, the line will appear and the text will turn red becsuae of the color tag.

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a.hover { text-decoration: underline; color: red }

You can put the code at the top of each html file between <style> </style> tags or put them in a separate file and include a pointer to that file in the <head></head> section for each html file.
The latter is the best way, because any change to a style will then automatically propigate throughout the website or within any HTML file that has the pointer. If you save the above CSS code to a file named luna.css, then the code that should be in the <head> section of each HTML file should look like this.

<link rel="stylesheet" href="luna.css" type="text/css">

As each HTML file opens with that line in its <head> section, the browser will find the luna.css file and apply all the CSS code to the HTML.

Hope that helps...

[ June 08, 2002: Message edited by: eyewoo ]

pixelsoldier · Posted: Sat Jun 08, 2002 9:32 am

I was gonna say exactly what Phil just said, but it was going to be far less graceful and full of much more useless babble.

So in the spirit of minimalism, I will end this post now. :P

Lunatique · Posted: Sat Jun 08, 2002 9:32 am

That's just what the doctor ordered!

Thanks!

But, with your way, do I still get the little hand cursor when it passes over the text-links?

[ June 08, 2002: Message edited by: Lunatique ]

Dr. Bang · Posted: Sat Jun 08, 2002 9:55 am

yes you prostitude!@!!!!!!!