[Pro] CSS Menus: Horizontal Divides HOW-TO

The recent thread that I started about rounded corners and menu shadow got me thinking a little deeper about CSS Menu features…

http://freewaytalk.net/thread/view/71481

Specifically, I am intrigued by the horizontal dividers that I see often on other sites like this one:

(Pull down the “Challenges” menu to see an example of the dividers I speak of.)

I really would like to see this feature added to CSS Menus if possible, but that will likely take a long time. In the meantime, I am curious how this might be done another way. No doubt that “other way” would be through code (God help us all), but I would like to know nonetheless.

Your thoughts would be appreciated.

Thanks,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This menu is being Ajax-injected by jQuery on the fly, it’s not a traditional CSS menu. I would expect this menu to perform poorly in terms of SEO, because the submenu items are not in the page at all, and since Google doesn’t run JavaScript, it will never see them.

Because it’s being done by JavaScript, the calculations for “how many submenu items will fit in the window” can be made based on the current browser window dimensions, or can be based on the number of submenu options (for balanced columns when there are more than N options).

It’s very slick, and I can see why you’d like to emulate it in CSS, but I honestly can’t see how you would using nothing but pure CSS to style it into existence.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Understood. Thank you, Walter.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options