2 {{ upvoteCount | shortNum }}
2 {{ upvoteCount | shortNum }}

The "invisible" line below an hyperlink (i.e. text-decoration: none;)

by dansbanners
1 replies
  • WEB DESIGN
    • |
Hi,

Has anyone noticed that there's sometime an invisible, clickable line below an hyperlink? Particularly when its CSS text-decoration property is set to none?

It's much less noticeable in hyperlinks with smaller fonts. It wasn't till I happen to place the cursor below a large text in my website was when I noticed I was able to click on the white space below the hyperlink.

For a while there, I kept checking my codes. Thinking it may have been caused by an error. It wasn't till I realized that that's where the hyperlink's underline would have been if its text decoration had been set to underline.

If you see what I mean? And is there a way around this? Thanks.
#hyperlink #invisible #line #textdecoration
Avatar of Unregistered
  • Profile picture of the author savidge4
    Originally Posted by dansbanners View Post

    Hi,

    Has anyone noticed that there's sometime an invisible, clickable line below an hyperlink? Particularly when its CSS text-decoration property is set to none?

    It's much less noticeable in hyperlinks with smaller fonts. It wasn't till I happen to place the cursor below a large text in my website was when I noticed I was able to click on the white space below the hyperlink.

    For a while there, I kept checking my codes. Thinking it may have been caused by an error. It wasn't till I realized that that's where the hyperlink's underline would have been if its text decoration had been set to underline.

    If you see what I mean? And is there a way around this? Thanks.
    By default there is always a line - ALWAYS. by CSSing it out... you are simply hiding it, and not removing it.. its still there - and there is no way to change that.
    Signature
    Success is an ACT not an idea
    {{ DiscussionBoard.errors[11555660].message }}

Trending Topics