REMOVING LINK UNDERLINE
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:
1) Using inline style:
which produces something like these:
This is unusual link, it has no underline
2) Using internal style-sheet:
3) Using an external style sheet:
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:
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:
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.)
Does user "rely" on underlines to identify links?
Historically, when graphical browsers were not as popular as today, many people were using text-only browsers, such as Lynx. On a text browser, there is no clear way to differentiate between "hyperlinks" and normal text, thus underlining becomes a necessity. This is the main reason of why the underlines are there in the first place. Why not use bold, italic, or color? It is because some of those ancient machines do not have the capability to display bold, italic letters. Some of the old machines are also monochrome (black and white, or green and green!) only.
Nowadays, proportionally, there aren't that many people that still use text browsers. I for one, don't know of anyone that still use it. But still, people have grown customized to underlined links. This means that users automatically associate underlined-text with links. If they see a link that isn't underlined, they might not know that it is a link.
For those reasons, before removing the underlines, there are few things to consider. First, is it a good idea to remove the underlines? Can user find links if they are not underlined? Second, consider what actual benefit would be gained by removing the underlines. It may be cool, but many user prefer to have ease of use instead.
For some sites, a common reason to remove the underlines is for artistic consideration ("the underlines make my page looks terrible"). This might be a good enough reason, depending on the purpose of the site. However, won't it be better not to sacrifice the usability? Again, the underlines are there for a reason. If they are removed, users might not know which part of the page (or the text) are links.
A careful thought is essential when doing something against the convention like this. Users are the ones who will eventually judge the site. Try the best not to confuse them.
The purpose of this is not to discourage from removing the underlines, but to present the tradeoffs, so one can make a better decision. And whatever you do, I strongly suggest not to underline text that are not links (use bold or different color, instead).
Owensville, IN 47665-8737