Grow your CSS skills. Land your dream job.

Help needed please

  • # May 15, 2013 at 8:05 am

    Hello there,

    I am having problems with my website menu bar navigation. When I click exactly on the page name or just above the page name, it is directing to my home page but not the page I clicked. If I click below the page name on the menu bar, then the page is opening. I want the page to open when I click anywhere on the navigation menu. Can someone please tell me how can correct this?

    Here is my website in case you want to have a look at it
    http://www.bmi-formula.org/

    Thanks.

    # May 15, 2013 at 8:45 am

    your problem is this here:
    [http://temp.elchalarm.net/css-tricks_bmi-formula_1.tiff](http://temp.elchalarm.net/css-tricks_bmi-formula_1.tiff “http://temp.elchalarm.net/css-tricks_bmi-formula_1.tiff”)

    dont have the time atm to search the solution, but this element you have to fix.

    # May 15, 2013 at 8:56 am

    the div#logo element has a child anchor that is extending down into the nav area. I’d look into fixing that anchor (or placing it where you want). A quick and dirty fix would be to add overflow: hidden; to #header.

    edit// just looked into it further. you have top padding on the header and then pull the anchor’s image up almost that same amount with relative positioning. Remove the top padding from #header. Increase #header height by same amount (change to 132px). Remove relative positioning and top from the image.

    # May 15, 2013 at 10:45 am

    Thank you derelch and wolfcry911 for helping me out with this. Now my site page navigation looking better. Thanks again.

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

You must be logged in to reply to this topic.

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