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 4 of 4

Thread: Underlines

  1. #1
    Regular Coder
    Join Date
    Jan 2008
    Posts
    334
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Underlines

    With CSS how is it possible to change the underline color to a different color then the color of the text?

    a:hover { color:white; text-decoration:underline; }

    Newegg.com has a good example of what I'm talking about. Just hover over one of their links on their home page.
    Last edited by Jon W; 07-22-2008 at 04:56 AM.

  • #2
    Regular Coder
    Join Date
    Jan 2008
    Posts
    334
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Any help on this one?

  • #3
    Regular Coder
    Join Date
    Jan 2008
    Posts
    334
    Thanks
    9
    Thanked 0 Times in 0 Posts
    I've figured this out.

    a:hover{color:#ffffff;text-decoration:none;border-bottom:1px solid #009933;}

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Try using border-bottom instead of underline.

    .ul{
    border-bottom:1px solid red;
    }


    or something like it.

    I once used this technique to get a vertical line.

    Frank.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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