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
collaps Upward in horizontal CSS-menu?
Re: collaps Upward in horizontal CSS-menu?
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...
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?
Thanks Mark, re. both questions!
Would be great to hear about a solution for a drop-up menu.
Willemijn
Would be great to hear about a solution for a drop-up menu.
Willemijn
Re: collaps Upward in horizontal CSS-menu?
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
Or is this impossible in principal (at least whitout Javascript) ??
Thanks for any suggestions!
willemijn
Re: collaps Upward in horizontal CSS-menu?
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;
}
#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?
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
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