102 users online (0 members and 102 guests)  




  Results 1 to 6 of 6
Digg button stumble

Related

  1. help with hyperlinks-underline and color    Forum: HTML Forum
    Replies: 1
  2. I Can't Get Rid of the Underline    Forum: HTML Forum
    Replies: 6
  3. How to Remove underline from hyperlink?    Forum: HTML Forum
    Replies: 0
  4. Replies: 11
  5. non-underline links?    Forum: HTML Forum
    Replies: 4
  1. #1
    squallsq86's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2005
    Posts
    2

    Question How to Remove underline from hyperlink?

    Hi! I'm new from this html world. But there's few questions I wanna ask.
    How do I remove the underline from hyperlink?
    example: <a href="http://www.yahoo.com/">yahoo!</a>
    Is that possible to remove? Also is that possible to make it with rollover effect?



  2. #2
    vinyl-junkie's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    721

    Re: How to Remove underline from hyperlink?

    Welcome to the forum!

    I can't help you with the rollover question, but to remove the underline from a hyperlink you want to do something like this:
    Code:
    a {
    text-decoration: none;
    }
    Just for reference, the possible values for text-decoration are:
    none
    underline
    overline
    line-through
    blink
    Last edited by vinyl-junkie; 10-20-2005 at 08:20 AM.
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more

  3. #3
    Navanax's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2005
    Posts
    4

    Re: How to Remove underline from hyperlink?

    Use the previous example if you want to apply it on all the links on your page. If you want it on a single link, try this:

    Code:
    <a href='http://www.yahoo.com/' style='text-decoration: none;'>yahoo!</a>
    I'm not sure if I understand the rollover thing correctly, but try this in a stylesheet:

    Code:
    a:hover {
      text-decoration: underline;
    }

  4. #4
    C.Whyte's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Oct 2005
    Location
    Santa Cruz, CA
    Posts
    64

    Re: How to Remove underline from hyperlink?

    how about if you want the border removed from a graphical button link?

    for instance:
    Code:
    <a href="/forum"><img src="images/cutcorners.gif" width="110" height="60" style="float:right; margin-left:10px; margin-bottom: 10px" /></a><br>

  5. #5
    vinyl-junkie's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    721

    Re: How to Remove underline from hyperlink?

    Do this (additional code bolded for emphasis):
    Code:
    <a href="/forum"><img src="images/cutcorners.gif" width="110" height="60" style="float:right; margin-left:10px; margin-bottom: 10px; border: 0" /></a><br>
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more

  6. #6
    C.Whyte's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Oct 2005
    Location
    Santa Cruz, CA
    Posts
    64

    Re: How to Remove underline from hyperlink?

    oh man, duh. I feel like an idiot. Thank you though.



Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •