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. http://codepen.io/jiri/full/vtwzl

    # 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

    Exactly!

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

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