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

You may also like...

10 Responses

  1. Paal says:

    Can I use this code in the heading to remove underlining in all links in the page? How do I do that?

    thanks,
    Paal

  2. Alex says:

    The tutorial had been updated to include CSS for removing all underline links in a document

  3. Holly says:

    Thanks! This was great help!

  4. susie says:

    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

  5. Alex says:

    Just copy and paste this under the "title" tag in your html page.

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

  6. Minty says:

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

  7. Ute says:

    alex suggestion works..

  8. James says:

    I’ve been looking for this for ages! Thank you

  9. Alone says:

    Does not work in CS5…

  10. Alone says:

    It DOES work, but not with copy-paste! Indeed: type yourself.

Leave a Reply