The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern


  • # 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.

    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
    border-top: 1px

    might work

    # November 25, 2008 at 10:57 pm

    This reply has been reported for inappropriate content.

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

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

    This reply has been reported for inappropriate content.

    this was the authors code:

    #menu ul li a:hover {
    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed