Page 1 of 1

collaps Upward in horizontal CSS-menu?

Posted: Fri Aug 31, 2007 10:21 am
by mev
Has anybody succeeded in getting the secondary menu-items of the horizontal CSS-menu collaps UPwards, instead of down?
When changing margin-top of the DIV #prim-nav li li to a negative value (-50px), one prim menu-item does it right. But after creating another sub-item (at same level) this new one always covers the first one, because it appears at the same position...
Perhaps I should something else in the css???
Or is a collaps upward not possible anyway for more sub-items, because of the use of ul/Lists in the css-menu??

Another question: my client wishes to have a main-menu-item when clicked on, NOT open a page , only the submenu-items (next level) below this main one, should open pages.
Is this possible and if so, weher to change?

Thanks so much in advance for any suggestions!!

Willemijn

Re: collaps Upward in horizontal CSS-menu?

Posted: Fri Aug 31, 2007 1:31 pm
by Dr.CSS
Main menu items as non pages, edit page or add content/page and in Content Type: dropdown choose section header...

As far as drop up menu I'll have to think about it, thought I may have done it before, will get back to you...

Re: collaps Upward in horizontal CSS-menu?

Posted: Fri Aug 31, 2007 7:02 pm
by mev
Thanks Mark, re. both questions!

Would be great to hear about a solution for a drop-up menu.

Willemijn

Re: collaps Upward in horizontal CSS-menu?

Posted: Wed Sep 05, 2007 8:30 am
by mev
Has anybody else ever made a horizontal CSS-menu with collaps-UP of the sub-items???

Or is this impossible in principal (at least whitout Javascript) ??

Thanks for any suggestions!

willemijn

Re: collaps Upward in horizontal CSS-menu?

Posted: Wed Sep 05, 2007 11:17 am
by Dr.CSS
If all the children items/lists are the same length then you can use a negative margin on the top...

#primary-nav ul {
  position: absolute;
  top: -10%But this is relative to the top of the page
  display: none;
}

Re: collaps Upward in horizontal CSS-menu?

Posted: Wed Sep 05, 2007 12:44 pm
by mev
Thanks for your suggestion Marc!
All children have same length, but I guess the probl is that the menu itself is positioned at the bottom of the pages, with different page-length's though, depending on amount of content.
So top: -10% (relative to top of page) with posiition absolute doesn't work here unfortunately.

I tried something else in your direction, with position: relative and top: -100%; seems to work (about) in IE7, however not at all in Firefox !!

Should I do something else???

Thnx,
willemijn