CSS Multi-level Nested Menu???

admin

Administrator
Staff member
Can anyone post a link that explains on how to create a Multi Level Nested Vertical Menu? I've searched high and low. I've come close to what I need, but it only handles 1 sub level.
The link to this is

<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/dropdowns/">http://www.alistapart.com/articles/dropdowns/</a><!-- m -->

but like I said, it only handles 1 sub level. My site requires 4 different sub-levels.

ThanksGuess what...

Just after I posted the original message, I stumbled across this link.



<!-- m --><a class="postlink" href="http://www.htmldog.com/ptg/archives/000050.php">http://www.htmldog.com/ptg/archives/000050.php</a><!-- m -->

This is just what the doctor ordered.www.vladdy.net/demos/cssnav.html
does not require Download ing of javascript for compliant user agents.Thank you for the interesting demo, Vladdy.

I notice, however, that the page includes an htc file, which includes javascript.

Can you tell me what an htc file is? And you mention yr page doesn't need javascript - but isn't that in the htc file?Originally posted by Vladdy
<!-- w --><a class="postlink" href="http://www.vladdy.net/demos/cssnav.html">www.vladdy.net/demos/cssnav.html</a><!-- w -->
does not require Download ing of javascript for compliant user agents.

Vladdy's example is using the little known behaviors property for Internet Explorer. Basically, since IE does not properly support CSS 2.1, he's using IE's behavior property (this is IE-only, btw) to include a .htc file with Javascript. Only IE is using the javascript, because it needs it. Other browsers use the CSS.www.vladdy.net/demos/iepseudoclassesfix.html
- explains the .htc file

I said it does not require Download ing of javascript for compliant user agents - IE a "subpar HTML renderer", not a compliant user agentHey Vladdy, that CSS menu might not work on XP SP2, apparently IE is quite strict about MIME types now (<!-- m --><a class="postlink" href="http://www.hoeben.net/node/view/33">http://www.hoeben.net/node/view/33</a><!-- m -->).I'm not entirely sure what this means:
HTC files are now required to be of mime-type text/x-component, or they just won't work!
Which mime-type is he refering too?

How do we fix Vladdy's:
#nav li
{ behavior: url('CSSNavIEHover.htc');
}
So that it now uses the correct mime-type? There aren't any script tags necessary in Vladdy's demo. Also, will applying this "text/x-component" affect older mime-types?

Is it possible to recreate Perciformes (<!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/dropdowns/example/">http://www.htmldog.com/articles/suckerf ... s/example/</a><!-- m -->) using Vladdy's demo? If so how?

And finally, what is the best suggestion for allowing horizontal menu bars with sub menus degrade if JS is disabled? I've notices that the Suckerfish examples don't degrade at all.

Edit: mostly grammar and spelling, it would sure be nice to have a preview ;) .
 
Back
Top