CSS Dropdown menu for the header- With Categories!

[Get Em Fast]

If I was using a blog embedding solution (Numinix's would be the one I'd use) I am not QUITE sure how I would go about adding the correct code to pull in the blog categories into the menu.. gonna mess around with it next weekend.. But I have a sneaking feeling that I might need an assist with this..

Hmmm..........I've never messed with that at all. I don't know how much help I would be, but I bet together we can figure it out.

[DivaVocals]

Hmmm..........I've never messed with that at all. I don't know how much help I would be, but I bet together we can figure it out.

Yep.. I figured we could.. I've got some "theories" on how to make this work.. Gonna give 'em all a shot first before I bother you for another set of eyes to assist.. and if I figure it out I will of course post the results..

[Donn]

I installed this on a ZC 1.3.8A, and a ZC 1.9H.

Very cool mod!!!

I was wondering if there is a way to show lots of sub-categories?

For instance:

Have a scroll-bar on the right-hand side of the sub-categories so that any that appear below the bottom of the screen may be scrolled up and then hovered over.

Alternatively, hard-code the list of links, so that the sub-categories are split, maybe a-F G-L, etc...and so there wouldn't be so many in each..... (this seems like a poor solution, just a work-around!!!)


ALSO....

I also wanted to have the three highest categories listed ON the top header area, rather than a (definable) 'Categories' heading.

AND....

Maybe also, the Categories generator function can altered so that it auto-generates split-lists as described above.

[Donn]

.....

I was wondering if there is a way to show lots of sub-categories?

For instance:

Have a scroll-bar on the right-hand side of the sub-categories so that any that appear below the bottom of the screen may be scrolled up and then hovered over......

How about these CSS properties:
overflow:scroll;
overflow: Auto;

Would either work? Where in the CSS file should this go, if this IS correct?

[Donn]

How about these CSS properties:
overflow:scroll;
overflow: Auto;

Would either work? Where in the CSS file should this go, if this IS correct?

I see the Div must have a height, in order for overflow to work.

div#dropMenu ul.level3 {max-height: 600 px; overflow: auto;}
div#dropMenu ul.level4 {max-height: 600 px; overflow: auto;}


I thought that this would work, but it does not.

[Get Em Fast]

I see the Div must have a height, in order for overflow to work.

div#dropMenu ul.level3 {max-height: 600 px; overflow: auto;}
div#dropMenu ul.level4 {max-height: 600 px; overflow: auto;}


I thought that this would work, but it does not.

Well, not only do you need the "max-height" that you have, but you also need "height". You also don't want the scroll to work both horizontally AND vertically, so you would want something like this:

div#dropMenu ul.level3 {height: 600px; max-height: 600px; overflow-y: scroll;}

BUT, the downside is, while this will work for level 3 dropdown, it will also cancel out level 4 from displaying at all.