When I hover over this link, I get the hand-pointing cursor indicating a link for most of the control. However, at the bottom of the text (I assume at its baseline), there is a spot where I lose the hand-pointing cursor. If I move a pixel or two lower into
the padding area, I get the hand-pointing cursor back again. How can I make the entire control (text and padded area around it) a continuous clickable link?
drmacy
Member
118 Points
459 Posts
Part of HyperLink not active
Feb 04, 2013 05:01 PM|LINK
I have a HyperLink control as follows:
<asp:HyperLink ID="lnkTab" runat="server" CssClass="tab" NavigateUrl="~/MyPage.aspx" Text="Testing" />
It is styled with the following CSS:
.tab {
background: #888;
border-radius: 3px;
color: White;
display: block;
float: left;
margin-right: 3px;
overflow: hidden;
padding: 5px 6px;
}
When I hover over this link, I get the hand-pointing cursor indicating a link for most of the control. However, at the bottom of the text (I assume at its baseline), there is a spot where I lose the hand-pointing cursor. If I move a pixel or two lower into the padding area, I get the hand-pointing cursor back again. How can I make the entire control (text and padded area around it) a continuous clickable link?
funluckykitt...
Participant
1469 Points
1547 Posts
Re: Part of HyperLink not active
Feb 04, 2013 05:08 PM|LINK
Likely has to do with border-radius: 3px; Border Radius is for "rounding" corners. Try removing the border radius. Here's a good link that explains border radius... http://www.dynamicdrive.com/style/csslibrary/item/css3_rounded_corners_using_border_radius/
drmacy
Member
118 Points
459 Posts
Re: Part of HyperLink not active
Feb 04, 2013 05:57 PM|LINK
I removed the border radius and have the same problem still. It occurs right at the baseline of the letters (not the bottom of the descenders).
Cynikal
Member
506 Points
117 Posts
Re: Part of HyperLink not active
Feb 04, 2013 08:20 PM|LINK
I am thinking this would be a bit more useful in the HTML / CSS section found here: http://forums.asp.net/130.aspx/1?HTML+CSS+and+JavaScript
drmacy
Member
118 Points
459 Posts
Re: Part of HyperLink not active
Feb 04, 2013 08:30 PM|LINK
Can you move it to that forum or tell me how? I've never done that before, and I don't want to repost the same question. Thanks!