14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

Remove Hyperlink Underline

by adsassist
12 replies
  • WEB DESIGN
    • |
Hello everyone,

I'm building a new website and there will be a section for my latest articles.

In this section, a list of links will be there for the articles.

I think if I keep the underline people would know it is a link just by looking at it. Easier to navigate through the site.
If I remove it, the site would be easier on the eyes. The only way to see it as a link is having the mouse over it.

What do you think would be best, to keep the underline or to remove it?
#hyperlink #remove #underline
  • Profile picture of the author VinnieVegas
    Do you want people to click on it? Then underlined.

    Do you just need the link for some other purpose? Then don't underline.
    {{ DiscussionBoard.errors[6625533].message }}
  • Profile picture of the author adsassist
    Yes I want people to click on it.

    Thanks
    Signature
    Save Energy With Alternative Energy Today
    Alternative Energy Products At The Lowest Price
    Alternative Energy Today
    {{ DiscussionBoard.errors[6625561].message }}
  • Profile picture of the author ALicenseToCode
    Look at the page you're on right now, all the hyperlinks on warrior forum aren't underlined and you still know to click on them. Generally bold, blue text is easily recognized as a link, the general rule is if your links aren't blue then they should be underlined, but if they are blue they can go either way, choose what you like best for your site.

    The CSS to make links not underlined is "text-decoration: none;"
    {{ DiscussionBoard.errors[6625708].message }}
    • Profile picture of the author Brandon Tanner
      Another option would be to change the hyperlink text and underline to a color that compliments your site better, or at least a more neutral color. For example, if you wanted to do grey, then style your links like this...

      a {
      text-decoration: none;
      color: grey;
      border-bottom: 1px solid grey;
      }
      Signature

      {{ DiscussionBoard.errors[6625858].message }}
      • Profile picture of the author savister
        Originally Posted by Brandon Tanner View Post

        Another option would be to change the hyperlink text and underline to a color that compliments your site better, or at least a more neutral color. For example, if you wanted to do grey, then style your links like this...

        a {
        text-decoration: none;
        color: grey;
        border-bottom: 1px solid grey;
        }

        I agree with this. You'd want the links to standout from the rest of the text, so I'd make them another color that makes people hover over them - and not use the underline.
        {{ DiscussionBoard.errors[6625937].message }}
  • Profile picture of the author aries mu
    Usually, at the first time ,the website have low technology for graphics design
    "lined link" is the sign for people to know , It can click.

    But now website can make for the good graphics.
    you can use "underlined link" or Make it interesting ,may be botton ^^!
    I like clean web coz it not feel force the eyes view or easier on the eyes.
    {{ DiscussionBoard.errors[6627271].message }}
  • Profile picture of the author jicon
    there are several ways to remove the hyperlink but try this code:
    <a href="remove-hyperlink-underline.php" style="text-decoration: none">remove hyperlink underline</a>
    {{ DiscussionBoard.errors[6638639].message }}
    • Profile picture of the author DonConrad
      For me I like to bold or Italic all my keywords and links so my visitor will see it.

      Sometimes you want to highlight a part of your text for the reader.

      Marking parts of the content in this way seems to have some effect in improving your page ranking in relevance to that particular keyword, thus not only improving usability but also search engine rankings of your pages.

      Most of the time I put the link it the bottom of my article like this...

      CLICK HERE FOR MORE INFORMATION
      {{ DiscussionBoard.errors[6639129].message }}
  • Profile picture of the author BillyW
    In my opinion, I wouldn't underline the links. I would change the colors instead. If you're listing the links under a header such as "Latest Articles", everyone is going to expect them to be a hyperlink anyways. I would put a "a:hover" attribute to change the color when someone mouses over the links. But that's just me.
    Signature
    Qosso.com - Exceptional Branding At Affordable Prices
    {{ DiscussionBoard.errors[6639334].message }}
  • Profile picture of the author annife polak
    Hi, just use a:hover and a:focus ... text-decoration: none;

    It will work for sure.

    Cheers!
    {{ DiscussionBoard.errors[6639900].message }}
  • Profile picture of the author Kristen8
    You should make the anchor text bold and highlight it with blue so that a visitor can easily recognize it as a link.
    {{ DiscussionBoard.errors[6668766].message }}

Trending Topics