Welcome to the MacNN Forums.

ntsc · May 11, 2003, 04:21 PM

i'm throwing a site together for some friends of mine's band website and they asked me something which i had never considered before.

"can't you take the underlines away from the links?"

and it occured to me that i didn't know how to do this. perhaps someone could enlighten me? i'm sure its really simple but its just never something i've done so i never considered how it might be accomplished ya know?

any advice would be great

cheers

malson · 08:17 PM

Google for CSS references. This is off the first page I found for a quick reference. Shamelessley ripped from http://www.webmasterkorner.com/css.html

Replace the [ with <...] with a >...

To remove the underline from a link use this tag on your HTML document.
[a href="http://www.webmasterkorner.com" style="text-decoration: none"]Home Page[/a]

To remove the underline on all links on your document add this code within your [head] and [/head] tags of your HTML document.

[Style][!-- A{text-decoration:none} --][/Style]

"Or you could use this code within your [head] and [/head] tags of your HTML document.

[Style type="text/css"][!--
A:link{color:blue;text-decoration:none}
A:visited{color: purple;text-decoration:none}
A:active{color:hotpink;text-decoration:none}
A:hover{color:hotpink;text-decoration:none}
--][/Style]

To remove the underline using an external CSS document use the code:

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; }

ntsc · May 12, 2003, 10:42 AM

thank you - that worked a treat!

Rainy Day · May 13, 2003, 02:30 PM

Replace the [ with <...] with a >...

Well, if you mean "<", then why not just say "<"?*  

Code:
To remove the underline from a link use this tag on your HTML document.
&lt;a href="http://www.webmasterkorner.com" style="text-decoration: none"&gt;Home Page&lt;/a&gt; 

To remove the underline on all links on your document add this code within your 
&lt;head&gt; and &lt;/head&gt; tags of your HTML document.

&lt;Style&gt;&lt;!-- A{text-decoration:none} --&gt;&lt;/Style&gt; 

"Or you could use this code within your &lt;head&gt; and &lt;/head&gt; tags of your HTML document.

&lt;Style type="text/css"&gt;&lt;!--
A:link{color:blue;text-decoration:none}
A:visited{color: purple;text-decoration:none}
A:active{color:hotpink;text-decoration:none}
A:hover{color:hotpink;text-decoration:none}
--&gt;&lt;/Style&gt; 

To remove the underline using an external CSS document use the code:

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; }

Looks better, doesn't it?

* Hint: &lt; can be used to make a <, and &gt; can be used to make a >.

malson · May 13, 2003, 07:03 PM

It was a quick cut and paste. Excuse me for not consulting my copy of the "Rainy Day Guide to Proper Forum Posting".