Grow your CSS skills. Land your dream job.

My Nav Bar is flaky!

  • # July 5, 2013 at 12:37 am

    I’m pretty new to web design, but this site has been super helpful to me thus far. My problem is that the page I’m designing has a NAV bar that works 90% of the time, but 10% of the time the navigation unordered list items stack on top of each other outside of the nav div class. It seems to only happen when I come back to the page after a few minutes and click a link in the nav bar again. I’m using Safari on a MBP if that matters at all.
    Now when I type this into codepen it looks even worse!!!

    http://codepen.io/anon/details/Jpxce

    # July 5, 2013 at 6:09 am

    * putting the `a:link` elements _inside_ the `li`-list elements, and
    * have them `display: block`
    * give the links some `padding`

    will make things easier to work with.

    If you don’t mind, I would recommend reading [anything Eric Meyer wrote on this subject, even if it is 10 years old. ](http://meyerweb.com/eric/talks/2003/commug/commug.html “”)

    # July 5, 2013 at 3:22 pm

    Good sir, that seems to have fixed my problem. I thank you kindly. :)

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

You must be logged in to reply to this topic.

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