Grow your CSS skills. Land your dream job.

long dropdown solution

  • # November 24, 2009 at 12:08 pm

    I’ve implemented Chris’ http://css-tricks.com/long-dropdowns-solution/ on my page here: http://onomadesign.com/wordpress/identity-design on the right side, when you click on ‘projects’ – the menu with logothumbnails collapses.

    I want this submenu to be open always, so there is no need to click on ‘projects’ first. How do I do this?

    Thankyou.

    # November 24, 2009 at 2:54 pm

    joshschoen,

    On line 581 of your style.css file you have:

    Code:
    ul.dropdown ul {
    cursor:pointer;
    display:none;
    left:0;
    position:absolute;
    top:0;
    width:180px;
    }

    The display:none; is causing your list to be hidden by default. If you remove this attribute from your style.css file then your list should show by default. If I’ve misunderstood your situation I apologise, but otherwise that should do the trick nicely!

    SM

    # November 24, 2009 at 3:06 pm

    Thanks for your reply SM. You’re right, it then shows the submenu. But not with the cool scrolling effect, just with a regular browser scrollingbar… Any other suggestions? Thank you

    # November 24, 2009 at 4:18 pm

    Anyone else got an idea? Chris do you have time for this?

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