Grow your CSS skills. Land your dream job.

suggest a menu system (4 level horizontal + vertical menu)

  • # April 27, 2009 at 2:21 pm

    Hi guys, i previously have no problems with css until this recent menu design that includes 4 levels of horizontal and vertical styles combines. I’ve tried using my previous 5 level horizontal or vertical menu systems but it doesn’t work. Many of the available menu systems in both dynamicdrive, http://www.cssplay.co.uk/menus/ and ajax couldn’t deliver the required result as well :(

    Can any one recommend a menu system that is able to combine both horizontal and vertical menu listing as one??

    Attach is the required menu output. I’ve uploaded the css created for your further viewing at:
    http://dominicling.com/deploy/index.html
    http://dominicling.com/deploy/css/style.css
    http://dominicling.com/deploy/css/nav-h.css

    How it should work:
    Level1 – mouseover "About The Market", red bar change to blue and drop downs level2menu (if any)
    Level2 – mouseover "Governance", drop downs level3menu (if any)
    Level3 & 4 – level3 and 4 parent and child items are all listed out by default.

    I’m further coding this for a custom cms, so i’m trying to keep is as dynamic as possible.

    Further feedback on my css coding is greatly welcome, this is a css site after all!!

    # April 28, 2009 at 3:26 am

    to make this even challenging, the menu width have to be 100% fluid

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

You must be logged in to reply to this topic.

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