Forums

Give help. Get help.

  • # March 22, 2013 at 4:10 pm

    The link

    [http://codepen.io/Krish1980/pen/cFlDu](http://codepen.io/Krish1980/pen/cFlDu “”)

    Just cant seem to get it work

    a) The second ul of the first drop down have links that start from the bottom of the dropdown , instead of the top. I’m not sure how to fix it.

    b) This would be a dynamic menu. The programer I’m working with says that I’ll have to set a max width to the dropdown beyond which the dropdown cannot extend to the right. I’m not sure how I’d do that. If I set the outer dropdown(the one without the background) to a fixed width, that would work, but then I’d have to remove no-wrap(I think). And if I do do that, then if the menu only has enough items to populate one column, the entire space to the right would be ‘within’ the outer dropdown and that would be incorrect – the dropdown should be hidden the moment the user moves out of the visible portion of the dropdown.

    check this

    [http://css-tricks.com/forums/discussion/23550/sub-nav-tabs#Item_6](http://css-tricks.com/forums/discussion/23550/sub-nav-tabs#Item_6 “”)

    where I was corrected by wolfcry(one of the posters)

    c) The client wants right borders to the columns spanning the full height of the dropdown div .

    Can that be done without a background image and just borders?

    like this

    [http://www.hm.com/gb/](http://www.hm.com/gb/ “”)

    or this

    [http://www.riverisland.com/](http://www.riverisland.com/ “”)

    # March 22, 2013 at 5:10 pm

    a) add vertical-align: top to .nav li ul
    b) you need more info from the programmer (why isn’t he doing this?, what’s the designer have to say?) – what happens when there _is_ more content than the dropdown is allowed to be in width? It seems to me its the content that should be controlled
    c) the borders in the example sites are background images on the div

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag