dhtml menus in Dreamweaver?

[kennedy767]

Is there a way to create dhtml menus in Dreamweaver (or Fireworks) similar to [url]http://www.dynamicdrive.com/dynamicindex1/any[/url]

[mzanime.com]

That URL is broken. But sure! You can take whatever code they've got at dynamic
drive and manipulate it inside of Dreamweaver. Though, don't expect Dreamweaver
to render the menus perfectly. Most of the time, it can't render popup menus at
all.

My recommendation to you, is to use "Suckerfish" type of menus, like these
ones here. They are merely an unordered list, styled with CSS, and including a
tiny bit of javascript so they'll work in IE. It's the best thing since bread
and butter.

[url]http://cssdreams.com/xtras/scripts/flyout-menus.html[/url]
[url]http://cssdreams.com/xtras/scripts/flyout-menus2.html[/url]

[Al Sparber- PVII]

"mzanime.com" <webforumsuser@macromedia.com> wrote in message
news:dqm14n$d58$1@forums.macromedia.com...

> That URL is broken. But sure! You can take whatever code they've got
> at dynamic
> drive and manipulate it inside of Dreamweaver. Though, don't expect
> Dreamweaver
> to render the menus perfectly. Most of the time, it can't render popup
> menus at
> all.
>
> My recommendation to you, is to use "Suckerfish" type of menus, like
> these
> ones here. They are merely an unordered list, styled with CSS, and
> including a
> tiny bit of javascript so they'll work in IE. It's the best thing
> since bread
> and butter.
>
> [url]http://cssdreams.com/xtras/scripts/flyout-menus.html[/url]
> [url]http://cssdreams.com/xtras/scripts/flyout-menus2.html[/url]

Menus2.html: No timing mechanism so they seem very unusable unless you
know (and are able) to point your mouse perfectly. I guess that's why
CSS is a presentaional technology and not a behavioral one :-)

Menus1.html is usable although if you added another sub-level it
wouldn't. Very basic stuff for basic needs.

--
Al Sparber
PVII
[url]http://www.projectseven.com[/url]

"Designing with CSS is sometimes like barreling down a crumbling
mountain road at 90 miles per hour secure in the knowledge that repairs
are scheduled for next Tuesday".

[mzanime.com]

>> I guess that's why CSS is a presentaional technology and not a behavioral
one :-)

Thats true, but they gave us :hover so we might as well use it.

>> Menus1.html is usable although if you added another sub-level it

wouldn't. Very basic stuff for basic needs.

Making 3 levels is possible, but the CSS needed to do it gets extremely
chatty...
[url]http://www.htmldog.com/articles/suckerfish/dropdowns/[/url]


ie:
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav
li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left:
-999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li
li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover
ul, #nav li li li li.sfhover ul { left: auto; }

[Murray *TMM*]

In other words, there are better ways....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"mzanime.com" <webforumsuser@macromedia.com> wrote in message
news:dqmlul$a1f$1@forums.macromedia.com...

>>> I guess that's why CSS is a presentaional technology and not a
>>> behavioral

> one :-)
>
> Thats true, but they gave us :hover so we might as well use it.
>

> >> Menus1.html is usable although if you added another sub-level it

> wouldn't. Very basic stuff for basic needs.
>
> Making 3 levels is possible, but the CSS needed to do it gets extremely
> chatty...
> [url]http://www.htmldog.com/articles/suckerfish/dropdowns/[/url]
>
>
> ie:
> #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
> #nav
> li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul
> { left:
> -999em; }
>
> #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li
> li
> li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li
> li.sfhover
> ul, #nav li li li li.sfhover ul { left: auto; }
>