Sent by Kir Talmage / metasilk webworks on 30 November 2004 20:08
Dear Lisa,
We've done something like this with a three-level menu (of which not all
level ones had level twos, and level threes varied in number of items) at
http://www.stone-env.com
The relevant CSS: http://www.stone-env.com/styles/navlist.css
and a scrap of JS: http://www.stone-env.com/js/navscript.js
The menus display both horizontally and vertically, although the schema is
a little different from what you have in mind. I wound up with a nonliquid
layout (absolutely positioned divs), and some odd display bugs in Safari
(3 px remnants of list colors) & Opera (just not quite aligning as
desired).
If this is what you sort of had in mind, feel free to adapt ... and no
doubt, improve! I figure I don't have quite the right hacks in there for
that latter browsers, and would love input if these work at all for you.
Kir
At 09:44 AM 11/30/04, Lisa Hoppes wrote:
>We're looking to scrap some unwieldy javascript menus and use
>CSS-based ones instead. I have used suckerfish menus, so am familiar
>with implementing and customizing them. However, this has me
>challenged.
>
>Attributes:
>1. main items go across the page horizontally
>2. second-level items appear underneath the top level horizontally
>when hovered.
>3. there are different numbers of items in each second-level list
>4. the second-level would ideally self-space to fit the whole width
>5. SOME second levels have third levels as well, but those drop
>vertically underneath (not a problem on its own, but may throw a
>wrench in the whole thing)
>
>Here is the javascript version in action:
>http://www.carnegieendowment.org/
>
>An example of where there are three levels is About--> Who We Are.
>
>Any ideas on general approach are much appreciated. I've been cleared
>some time to research and tinker, but am not sure where to begin. I
>realize that pure CSS is not feasible, and am willing to support it
>more heavily with javascript if necessary.
>
>Thanks!
>Lisa
--------------------------
Kir Talmage
www.metasilkwebworks.com
[EMAIL-REMOVED]
tel/fax: 802 434-5111
cell: 802 238-5118
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
