Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post

    Line to appear onmouseover

    Hello

    For my sidebar links I use the following:

    Code:
    a:hover {
    	text-decoration: none;
    	color: #0000CD;
    This makes the black type appear blue when the mouse pointer goes over the link. Apparently, it is not clear that it is a link, so I would now like to use a line under the link (in the same blue colour) when the mouse passes over it.

    How would I do that, please?

    Thanks.

    Steve

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,860
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    a:hover {
    	text-decoration: none;
    	color: #0000CD;
            border-bottom:1px solid #0000CD;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,695
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Quote Originally Posted by abduraooft View Post
    Code:
    a:hover {
    	text-decoration: none;
    	color: #0000CD;
            border-bottom:1px solid #0000CD;
    }
    Why not just text-decoration: underline;?

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,860
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by VIPStephan View Post
    Why not just text-decoration: underline;?
    Quote Originally Posted by SteveH
    For my sidebar links I use the following:

    Code:
    a:hover {
    	text-decoration: none;
    	color: #0000CD;
    lol, I assumed the OP has some purpose with it and can't be changed.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    That's great, it works!

    Very many thanks.

    Steve


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •