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=””>newflashmedia</a>

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

<a href=”” 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;

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)

Dreamweaver CS3 Essential Training (DVD-ROM)

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. 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 *