Nav bar styles

  • Resolved Scott

    (@sdc05)


    10 years, 2 months ago

    I’m having issues restyling the nav bar. The header nav is always 1px taller than all of the UL’s, Li’s and A’s. How can I reset them. Also what are the before and afters for?

    And why are you setting elements to display as tables instead of blocks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Scott

    (@sdc05)

    10 years, 2 months ago

    figured it out. nav a {margin-bottom:-1px;}

    the ::after contains a content:””; style and is pushing the height of the nav bar down 1 px.

    Alexander Agnarson

    (@alxmedia)

    10 years, 2 months ago

    And why are you setting elements to display as tables instead of blocks.

    Do you mean why I use inline-block for the menu items? Only because some people want to center the menus – and then they only need to add like:

    #nav-header .nav { text-align: center; }

    Thread Starter Scott

    (@sdc05)

    10 years, 2 months ago

    gotcha. thanks for that.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Nav bar styles’ is closed to new replies.