2 replies [Last post]
lialight
Offline
newbie
Last seen: 13 years 6 weeks ago
Joined: 2007-03-13
Posts: 4
Points: 0

How do you change the position of the underline under a link.

for example I have a mailto link and the e-mail has an underscore in the address. So just having the underline makes the underscore impossible to see. Is there an easy way to move the underline down without having to create a background image of the underline.

Thanks!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Not the text-decoration

Not the text-decoration property it's set, but remove it altogether and try using a border instead, something like this (IE needs hasLayout):

a {text-decoration:none;}
a:hover {border-bottom:1px solid #555;zoom:1;padding-bottom:2px;}

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

lialight
Offline
newbie
Last seen: 13 years 6 weeks ago
Joined: 2007-03-13
Posts: 4
Points: 0

Thanks!

Thank so much that did the trick!