[SOLVED] CSS menu-vertical.. on flyout limit vertical dept.. how to?

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
sysmaster
Forum Members
Forum Members
Posts: 23
Joined: Sun Aug 26, 2007 2:08 am

[SOLVED] CSS menu-vertical.. on flyout limit vertical dept.. how to?

Post by sysmaster »

Hi all,

I have integrated a vertical css menu within a strict layout, meaning that the layout does not expand/contract.
content is handled in a center div with, if required, a vertical scrollbar for overflow.

Now some of the sub levels of the css menu main do contain more entries than the remaining lines below that fly-out position in the main structure.

I have seen that commonly most fly-out menu's simply expand below the main or sub's last line, so does css-menu-vertical.

This I want to avoid, being that the fly-out's never go below the last line in the main menu.
Where required, the sub and or sub-sub should shift upward so that both bottom lines match.

I've spend plenty of hours playing around with parameters within the CSS for this menu style, but do not get it to work
properly, somehow I have the feeling that it's right before my eyes to make it work, but apparently I'm getting blind.

So if anybody with better "sight" than me could give me a hint, it would help a lot.


SM...
Last edited by sysmaster on Sat Feb 16, 2008 1:21 am, edited 1 time in total.
Ziggywigged
Power Poster
Power Poster
Posts: 424
Joined: Sat Feb 02, 2008 12:42 am

Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?

Post by Ziggywigged »

Try this menu creator:
http://www.opencube.com/

I used it with CMSMS and works well.
Take a penny, leave a penny.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?

Post by Dr.CSS »

This will need to be handled with some id and class tags added to the menu template so you can call the specific menu items to go up instead of down, I've done this to get horiz. menu items, last on the right, to go left instead of rigth to keep them in the page...
sysmaster
Forum Members
Forum Members
Posts: 23
Joined: Sun Aug 26, 2007 2:08 am

Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?

Post by sysmaster »

mikeiam wrote: Try this menu creator:
http://www.opencube.com/

I used it with CMSMS and works well.
Thanks Mike,

But it has a rather steep price, and I will probably only run into this problem once.

Anyway I "solved" the issue by re-sorting the contents of the menu so that it
won't go below the set frame.

SM...
sysmaster
Forum Members
Forum Members
Posts: 23
Joined: Sun Aug 26, 2007 2:08 am

Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?

Post by sysmaster »

mark wrote: This will need to be handled with some id and class tags added to the menu template so you can call the specific menu items to go up instead of down, I've done this to get horiz. menu items, last on the right, to go left instead of rigth to keep them in the page...
Hi Mark,

I played around with that option also, changed the css in such a way that it would show the fly-out going to the top instead of falling down, an ran into the same issue on the upper entries. So, since I could not spend more time on it, I re-organized (sorted) the content..sub-content..sub-sub..of the menu  in such a way that the menu and fly-outs stay within the set frame.
That will do it for the time being.
Another alternative that crossed my mind was to modify the TPL such that it would "tag" upper and lower entries and then give then specific styles so the the upper fall down and the lower jump up...

So this is "solved" {more or less}

SM...
Post Reply

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