Forums

Give help. Get help.

  • # March 3, 2013 at 10:08 pm

    Hi everyone!

    I’ve been trying out a few tutorials and adapting a few snippets to try and make this work, but I still haven’t been able to figure this out.

    I’m trying to have a 23px x 1px dash when hovering over links in the navigation. Here is what I’m aiming for:

    [Mockup](http://cl.ly/image/370g2t2s2G1O “Mockup”)

    Here’s my code so far:

    CSS

    nav {
    display: inline-block;
    padding-bottom: 10px;
    }

    nav.nav1 {
    text-align: right;
    margin-right: 3em;
    margin-top: -.6em;
    }

    nav.nav1 li {
    float: right;
    margin-left: 4em;
    }
    Any help will be awesome!

    # March 3, 2013 at 10:28 pm

    Thanks so much! Oops, the span was a remnant from a last trial.

    And, sorry, I should just be styling the nav directly, and not with h1 yes?

    # March 3, 2013 at 10:43 pm

    Thanks a lot for the help. Just starting out and trying to code my portfolio, so this will be fun.

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag