Get a free trial // Grow your CSS skills // Land your dream job

Horizontal Dropdown Nav.

  • # December 24, 2012 at 10:37 pm

    I just experimented with horizontal drop-down nav. applying least amount of mark up I can get away with and still produce decent nav.

    # December 24, 2012 at 10:59 pm

    Worked good in Chrome. Had to add to nav ul top:1.5em to make it work in FF. In IE10 it’s not working right.

    Edit: Got it working in IE by adding left:0 to nav ul

    # December 24, 2012 at 11:05 pm

    Have you thought about using `top: 100%;` instead of a magic number?

    # December 24, 2012 at 11:09 pm

    @joshuanhibbert, great idea my friend, just tried it and it works. I see where you going with this. If I increase line height on parent or add hor. padding it will always work without resorting to adjusting magic number ha. Am I right?

    # December 24, 2012 at 11:46 pm


    # December 24, 2012 at 11:48 pm

    Thank you and Merry Christmas

    # December 24, 2012 at 11:59 pm

    Thanks. You too!

Viewing 7 posts - 1 through 7 (of 7 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