Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Why is this UL navigation menu is taller than containing li elements?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 30, 2014 at 1:34 am #171426
    Jeyjoo
    Participant

    Hi,
    My main nav menu is taller than its containing li elements and I have no idea why.

    I want to avoid floating the li, as the menu needs to be center aligned on the page.

    Site link

    Thanks

    May 30, 2014 at 4:46 pm #171471
    Paulie_D
    Member

    I’m not sure precisely what’s going on but you are floating the anchor tags in the menu.

    Removing that seems to get you most of the way.

    May 30, 2014 at 5:33 pm #171472
    shaneisme
    Participant

    #block_top_menu and ul.sf-menu both have line-heights, I bet if you removed all line-heights in that whole section it would fix itself…

    May 31, 2014 at 2:45 am #171485
    simpleCode
    Participant

    Try this
    set line-height:1em; for #block_top_menu > ul

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.