up vote 3 down vote favorite

When hovering over a link that has the border-bottom: 1px dotted; rule, it doesn't remove it when adding a text-decoration: underline;.

Either change the text-decoration: underline; to a border-bottom: 1px solid; or add a border-bottom: none; to it. alt text

link|improve this question
73% accept rate
Blank link comment. – Josh K May 16 '10 at 3:26
@Josh: It doesn't look completed to me either. (I'm on Chrome) – Senseful May 16 '10 at 3:34
As am I, let me double check in Safari. Is it just me, or is Chrome the new "IE" with weird issues everyone keeps having? – Josh K May 16 '10 at 3:39
Well Safari uses the same rendering engine... right? Maybe you should check Firefox? – Senseful May 16 '10 at 3:44
Blah, I'm too lazy to start up that beast. They may use the same engine but I believe the implementation is a little different. Not to mention that the new rule should simply remove the text-decoration, not add a solid bottom border. – Josh K May 16 '10 at 3:55
I'm seeing the change now, and the color does change. It'd still be nice to have that solid bottom border, though style however you want. :) – Josh K May 16 '10 at 6:16
feedback

1 Answer

up vote 3 down vote accepted

Good idea; it's only an issue on comments, so relatively minor.

I added

.comment-text a:hover
{
    color: #6C0000;
    border-bottom: 1px #6C0000 dotted;
    text-decoration: none;
}
link|improve this answer
I think you misunderstood, that should be solid not dotted otherwise there won't be a difference between the :link and :hover states. Unless I'm misunderstanding, which is entirely possible at this time of the day (night). – Josh K May 16 '10 at 3:30
feedback

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged