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)

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?


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

  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