[css-d] css vertical menu that expands down

[[EMAIL PROTECTED]]

Any recommendations on a CSS menu that can be configured to expand down, 
pushing other menu items down, so that don't cover the subsequent items?

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css vertical menu that expands down

[Pringle, Ron]

ontheroad wrote:

 Any recommendations on a CSS menu that can be configured to 
 expand down, 
 pushing other menu items down, so that don't cover the 
 subsequent items?

I would highly recommend Chris Heilmann's PDE (Pure Dom Explorer) [0].

Regards,
Ron

[0] http://onlinetools.org/tools/dom-tree-menu-puredom/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css vertical menu that expands down

[Robert O'Rourke]

Just use nested lists in the normal flow with something like the 
suckerfish dropdowns. Also see the article at a list apart, 
http://www.alistapart.com/articles/dropdowns/ if you get stuck.

just give your nav an id of #nav and put this script in your header:

script type=text/javascript
startList = function() {

if (document.alldocument.getElementById) {
navRoot = document.getElementById(nav);
for (i=0; inavRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName==LI) {
node.onmouseover=function() {
this.className+= over;
  }
  node.onmouseout=function() {
  this.className=this.className.replace( over, );
   }
   }
  }
 }
}
window.onload=startList;
/script

Rob

[EMAIL PROTECTED] wrote:

Any recommendations on a CSS menu that can be configured to expand down, 
pushing other menu items down, so that don't cover the subsequent items?

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



  


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css vertical menu that expands down

[Thierry Koblentz]

[EMAIL PROTECTED] wrote:
 Any recommendations on a CSS menu that can be configured to expand
 down, pushing other menu items down, so that don't cover the
 subsequent items?

I've done this with CSS alone, but it creates serious usability issue.
I'd use PDE [0], as already suggested, or ECMAScript Menu System [1].
As a side note, all navigation links are accessible with PDE, but that can
be a pain for people relying on keyboard navigation.

Regards,
Thierry | www.TJKDesign.com

[0] http://onlinetools.org/tools/dom-tree-menu-puredom/
[1] http://juicystudio.com/article/ecmascriptmenu.php

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css vertical menu that expands down

[francky]

[EMAIL PROTECTED] wrote:

Any recommendations on a CSS menu that can be configured to expand down, 
pushing other menu items down, so that don't cover the subsequent items?
  

If you want only a pure css-hover for expanding (with collapsing back 
when mouseout), then for real browsers it can't be so difficult.
Quick and dirty testpage 
http://www.cosbo-amsterdam.nl/tmp/test_vertical_expanding_cssmenu.htm.
I guess it will be possible to get it working in IE with the 
Suckerfish-IE-script, or the csshover.htc method.

pro: accessible @nostyle,
contra: ugly backflashing submenus, pulling the menu-items with them; 
not accessible with tab-key.

Greetings,
francky



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/