Remove Underline-Links

Here is a quick and easy way to remove underline-links in your html links.

There are times when hyperlink-underlines can get in the way. One example is when there is an underscore “_” in your link address (usually an e-mail address), the underline can block the view of this underscore. This will lead some viewers to believe your address contains a space and not an underscore.

Here is the code to fix this problem.

For One Link:

The code may look something like this:

<a href=”http://www.newflashmedia.com”>newflashmedia</a>

Typing in the blue code ” style=”text-decoration:none” “, will remove the hyperlink underline:

<a href=”http://www.newsourcemedia.com” style=”text-decoration:none”>newsourcemedia</a>

In order to affect other links repeat the process shown above.

For All Links

To affect all links in an html document, you can add CSS to the header as follows:

<style type=”text/css”>
a {
text-decoration: none;
}
</style>

That’s it. Have fun.

If you have any questions, please search or post a question to the forum.You
also may want to check out the book below on web development using Macromedia

Here are a few Dreamweaver Book and Tutorials I highly recommend to help in developing html web pages:

Adobe Dreamweaver CS3 Hands-On Training (Paperback)
$36.26


Dreamweaver CS3 Essential Training (DVD-ROM)
$149.95

Tagged : / / / / /

8 thoughts on “Remove Underline-Links

  1. Can't get your suggestion to work. When I write the code you suggested into the HTML page and click ok, the code appears as text on my web page and nothing happens to the underlining on my links. I must be putting it in the wrong place? Also I'm using FrontPage express and the code looks nothing like your example. I'd appreciate any help you could give me. http://www.susanmarenco.com thanks

  2. If you copy and paste this code, you need to delete all the quotation marks and type them yourself or nothing will happen. =)

Leave a Reply

Your email address will not be published. Required fields are marked *