Forums

twenty ten background of navigation rollover not matching the bar height (3 posts)

  1. Sticks101
    Member
    Posted 9 months ago #

    Hoping somebody can help. If you look at http://shoveituprush.com/ it will be obvious that when the user rolls over a navigation link, the rollover is a couple of pixels above the navigation background which leaves a gap below the rollover. Below is the navigation css as currently set up, help is greatly appreciated.

    [CSS code moderated - no need to post css as this is accessible from the link to your site; for posting code in general see http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

  2. Andrew Nevins
    Volunteer Moderator
    Posted 9 months ago #

    1) display inline-block from your #access ul style.
    2) add padding-top: 1px; to #access.

    You have an excess of parent elements in your navigation.

  3. Sticks101
    Member
    Posted 9 months ago #

    Thank Andrew, worked fine. You lost me a bit with mentioning excess of parent elements. I'm still trying to gain a better understanding of the parent child relationships in CSS.

    I do notice that even with the modification I still have space below the rollover. If you see this point would you be able to tell me what rule needs to be modified?

    Thanks again.

Reply

You must log in to post.

About this Topic