#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2005
    Posts
    52
    Rep Power
    9

    How to remove the underline of <a>


    When use <a href="xxxxx">test</a>, it always displays a blue underline. How to make it not shown up?


    Thanks to help.
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    3
    Rep Power
    0
    I am horridly new to CSS, however in the styling sheet for the link I believe all you need to add is
    Code:
    text-decoration:none
  4. #3
  5. No Profile Picture
    Permanently Banned
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    4
    Rep Power
    0
    Hi,

    You can use the following syntax,

    <a style="text-decoration:none; color:black;" href="xxxxx">test</a>

    Originally Posted by otnj2ee
    When use <a href="xxxxx">test</a>, it always displays a blue underline. How to make it not shown up?


    Thanks to help.
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,128
    Rep Power
    4304
    Originally Posted by myprgm
    You can use the following syntax,

    <a style="text-decoration:none; color:black;" href="xxxxx">test</a>
    Welcome to DevShed Forums, myprgm.

    Yes, you could use an inline style. However, best to avoid using them, especially on links, because on links you won't be able to style the pseudo-classes, like ":visited" and ":hover", differently.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Location
    Lucknow
    Posts
    1
    Rep Power
    0
    By giving that link css - text-decoration:none.

IMN logo majestic logo threadwatch logo seochat tools logo