Grow your CSS skills. Land your dream job.

Nav

  • # November 25, 2008 at 7:58 pm

    Hey i was just wondering if any one can tell me how the dude who desinged this site managed to get the nav links so when you hover over it there a line over each link.

    http://www.fabioarts.com/

    I managed to do it so there’s a line and the word highlighted but not just a line. Any help please.

    # November 25, 2008 at 10:35 pm
    Code:
    a:hover{
    border-top: 1px

    might work

    # November 25, 2008 at 10:57 pm

    Human boy’s right, though here it is complete incase you don’t know what else should go in there:

    Code:
    a:hover {
    border-top: 1px solid #color;
    }
    # November 26, 2008 at 2:52 am

    this was the authors code:

    Code:
    #menu ul li a:hover {
    background-color:#000000;
    color: #ababab;
    border-top:1px solid #EA0000;
    }
    # November 26, 2008 at 6:09 am

    Cool. Cheers guys, its all done now. :D

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".