Grow your CSS skills. Land your dream job.

help with sidebar navigation (basics)

  • # August 31, 2009 at 7:42 pm

    Hi,

    i’m pretty new to css and website building in general, been going over a week and got this far http://www.doltonanddex.co.uk which I am really happy with and I have the three state menu thing going (only on about for active, havnt got round to the others yet)
    but…(get to the point)…. I want a sidebar on the left of the big white box with sub catagorys that link to other pages within the main nav sections, eg in the our work tab at the top I want when its the active page for the sub pages to be displayed on the right each with their own rollover states etc. Not sure how to structure the site and the css?? do I make a seperate HTML page for each sub catagory and then put in a seperate UL for that page each time with its own id and then reference all of those lists in the one style sheet? It just seems like I will end up with loads of css?

    sorry if this doesnt make any sense

    Dexy

    Rob
    # September 1, 2009 at 8:09 am

    what I would do is use the UL list idea and instead of creating the "drop down" full CSS menu effect, I would use a little jQuery to position the sub categories on the left instead of anywhere near your top menu.

    For your HTML you would still go:

    But say for your about page…

    Code:

    Then you could position absolutely the ul#nav li ul to where ever you want… just make sure you have your #nav dosn’t have "overflow:hidden;"

    Then use the jQuery to control the switch state, and maybe add a sexy bit of animation :D

    just one way of doing it of course…

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".