USING CASCADING STYLE SHEET
CSS (Cascading Style Sheet) method is currently the most practical way to remove underlines from links. CSS only works on browsers that supports CSS. Currently, this means Netscape 4.0 or newer, and Internet Explorer 4.0 or newer. (Some of these browsers might not fully support all the CSS specifications, but most do support non-underlined links.)
Although there are several variations to the CSS method, it’s actually very simple. Just remember that the underlines can be removed by setting the link style like this: text-decoration: none
The specifics are as follows:
ValueClick Media Online Advertising Network
1) Using inline style:
This method is recommended if you want to remove the underlines on some (but not all) of your links. Just add STYLE=”text-decoration: none” on the links that you don’t want to be underlined. (You should include the quote signs like the example above.) For links that you want to keep underlined, use the regular <A HREF> tag. An example is shown below:
<A STYLE=”text-decoration:none” HREF=”link.html”>
This is an unusual link, it has no underline</A>
<A HREF=”link.html”>
This is a normal link, it’s underlined</A>
which produces something like these:
This is an unusual link, it has no underline
This is a normal link, it’s underlined
2) Using internal style-sheet:
This method will cause all of your link to be not underlined, so you don’t have to do it one by one. Put the following style definition between the <HEAD> and </HEAD> tags on the html file:
<STYLE>
<!–
a {text-decoration:none}
//–>
</STYLE>
See an example.
3) Using an external style sheet:
This method will be the most practical if you want to use the style accross different documents. You can avoid having to enter the style definition on every page by saving the style-sheet into a file. You can then include the file on every page that you want the underline to be removed.
First, create a text file which contains the following:
<!–
a {text-decoration:none}
//–>
Save the file and name it something.css Use any valid name that you want, but you must use .css extension.
Enter the following between the <HEAD> and </HEAD> tags on every document:
<HEAD>
<LINK REL=stylesheet TYPE=”text/css” HREF=”something.css”>
</HEAD>
Note that this assumes that something.css is the name of the text file which contain the style definition. By doing this, then anytime you create a link within the document, the link will not be underlined. That is: you can just code your link as usual like this:
<A HREF=”link.html”>This is a normal link</A>
and it will automatically not be underlined. (Note that the .css file does not necessarily have to be on the same directory as the html file; just make sure to put the correct path if it’s not on the same directory.)
http://www.permadi.com/tutorial/remLinks/index.html