collaps Upward in horizontal CSS-menu?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
mev
Power Poster
Power Poster
Posts: 371
Joined: Wed Apr 25, 2007 5:00 pm

collaps Upward in horizontal CSS-menu?

Post 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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: collaps Upward in horizontal CSS-menu?

Post 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...
mev
Power Poster
Power Poster
Posts: 371
Joined: Wed Apr 25, 2007 5:00 pm

Re: collaps Upward in horizontal CSS-menu?

Post by mev »

Thanks Mark, re. both questions!

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

Willemijn
mev
Power Poster
Power Poster
Posts: 371
Joined: Wed Apr 25, 2007 5:00 pm

Re: collaps Upward in horizontal CSS-menu?

Post 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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: collaps Upward in horizontal CSS-menu?

Post 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;
}
mev
Power Poster
Power Poster
Posts: 371
Joined: Wed Apr 25, 2007 5:00 pm

Re: collaps Upward in horizontal CSS-menu?

Post 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
Post Reply

Return to “Layout and Design (CSS & HTML)”