Last post Feb 04, 2013 09:30 PM by drmacy
Feb 04, 2013 06:01 PM|drmacy|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:
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?
Feb 04, 2013 06:08 PM|funluckykitty|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...
Feb 04, 2013 06:57 PM|drmacy|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).
Feb 04, 2013 09:20 PM|Cynikal|LINK
Feb 04, 2013 09:30 PM|drmacy|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!