Collapsing Menu with Sub-Menus

Hi
I am trying to create a collapsing vertical menu (with nested
submenus). Check out the 'products' quick menu here and you will
know what i mean:
http://www.sofaworldhomefurnishings.com
Does anyone know how to do this using dreamweaver (ASP VBS)
or can point to any reference or tutorial?
Any help greatly appreciated.

It's pretty simple to do manually with DW's Change Property
behavior and a
nested list, or you might find some tuts and products here -
http://www.projectseven.com/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"pakora" <[email protected]> wrote in
message
news:ee3vb7$qqd$[email protected]..
> Hi
>
> I am trying to create a collapsing vertical menu (with
nested submenus).
> Check
> out the 'products' quick menu here and you will know
what i mean:
>
http://www.sofaworldhomefurnishings.com
>
> Does anyone know how to do this using dreamweaver (ASP
VBS) or can point
> to
> any reference or tutorial?
>
> Any help greatly appreciated.
>

Similar Messages

Cs 6 blu-ray with sub menus, only go back to main menu

I have burned a blu-ray with a main menu then sub menus: audio setup, chapters, extras.
(note: they are regular menus NOT pop-up menus and I would rather not do pop-up menus at this time)
when I am playing any of the sub menu content (trailer or making of or picking a chapter button from the chapter menu etc...) and press the menu button on the Blu-Ray player while it plays that content, it goes to the main menu instead of the sub menu.
I checked it in the simulator and it was working perfectly....just as I would expect it to.
each sub menu item (a trailer or making of featurette for example) is set to go back to the sub menu and it's button
when done playing...and it does.
It just refuses to do that when the menu button on a blu-ray player is used and instead goes to the main menu.
I ran the link checker before building the folders and burning it...no conflicts found.
This seems to be an issue with Encore in general, reading about this here and in
other forums.
Can Encore simply not create a proper blu-ray disc with sub-menu's you can
return to when the menu button on a remote is pressed?
Do I have to buy BluStreak in order to correct these rather obvious navigation errors?

Let us know what you find.
I think the original poster in the other thread observed that commercial BDs were showing the same behavior.
Even if true, it does not mean that some kind of scripting might not work.
But Encore would not have the option.

Working with Sub Menus

I've been having some issues with the latest version of iDVD 7.0.1 in working with sub menus. Sometimes I need a sub menu button to click through to 1 full screen still image with the option to hit the "back button" to get to the main menu. How I've been doing this is when in the main menu, I click "add sub menu," then it brings me to a new menu where I can drop something in the drop zone, etc. I bring my full screen static image in and drop it while holding down the option or cntl key, which gets rid of the drop zones and gives me a full screen image. This has worked fine for me in the past. But now I get issues where the "back" button won't work to get back to the main menu. The "back" button simply flashes and won't let me select it once the disc has been burned.
Am I going about this all wrong? Should I be utilizing the slideshow function instead?
Thanks in advance!

Needless to say, it had been a while since I sorted through my hotmail account. Last I looked I had 861 messages and I was starting to feel a bit like Jim Carrey in the movie Bruce Almighty....
Better late than never.

Problems with sub menus in Internet Explorer

My menu bars work great in Chrome and Firefox however my submenus are jacked up in Internet Explorer. Can someone please give me some direction? Thanks.
The website is www.aptyssolutions.com

Have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Then have a look at what you have got
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
       display: block;
        f\loat: auto;
        background:
and
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: AUTO;
    position: absolute;
    left: -1000em;
   top: 23px;
    height: 35px;
    background-image: url(/images/bluebar.png);
There is more, but the above is most likely what is causing the problem.
I suggest that you resurrect the original SpryMenuBarHorizontal.css and start again.

Trouble with sub-menus gap-osis

Can't figure out why I keep getting this rather large gap between the main menu and subsequent sub-menus...
Any ideas???
It does not appear from within Muse in design or preview, but shows up in Chrome34, FF, and IE9

lol... I know. It is intermittent, and frustrating.
I have viewed in Chrome (35.x) and IE (9+). It does not appear in Muse during preview, nor in Chrome on iPhone.
Currently IE seems to be displaying correctly (not always, though)
Chrome does seem to be the biggest culprit.
Here is how these two sites look in my Chrome...
I've tried clearing the cache too, and that does not affect it.
Also, of note, is that the AMOUNT of gap changes as well. Sometimes it's a small gap (about one sub-menu item height), and other times it's much larger (1-1/2X to 2X sub-menu item height, as it now shows in the examples above).

Help with sub-menus

I need to add four more pages to my website already setup and running. I want to add the additional pages under one of the pages already functioning. Like a sub file or something on that particular page.
Ex;
Page 1
Page 2
Page 3 —page 3a; page 3b; page 3c; page 3d
Page 4
Page 5
Page 6
I used DW CS5, two column, liquid with left sidebar, header and footer. I would n’t like to mess with my left side navigation bar unless unavoidable.
I need the whole procedure from A to Z, since new to DW.
Any help given is very much appreciated.

Go to File > New > Blank HTML page > Layout [none].
File > SaveAs > SpryTest.html
Insert > Spry > Spry Menu bar...
Now you can see Spry code.
Before you customize your Spry CSS, read these links:
Spry Menus 10 Commandments
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
Fixing Spry Menus 1.6.1
http://www.projectseven.com/testing/adobe-bugs/spry-menus/
Nancy O.

Continuing backing audio from main menu to sub menus?

Hi.
I've never created a DVD before, but have got the general hang of iDVD. The only thing I seem to be having trouble with is having continuous music through all my menus. I have dragged and dropped a song to the top level which plays in the background ok, but as soon as I navigate to a sub menu it stops playing. Is there a way to just have the same song on loop no matter which menu I am in?
I'm using iLife 11 if that makes any difference.

If you are asking if you can have one audio playing continuously from one menu to the next.....this has been asked many times, and I still don't understand why it is an issue. When a viewer inserts your DVD disk to select to play your movie, an audio track plays and loops because no one knows how long the viewer will keep the menu on before making a selection...on any of the menus. You can add the same song/audio file to each menu and submenu so the same track plays, but you cannot make the audio consecutive from menu to menu.

How to create a dropdown menu with sub buttons that link back to the labels on click.

im trying to create a dropdown menu buttons that when you rollover to the top central button the button it opens up like a drop down menu would containg two other subsectional buttons. This makes the sub sectional buttons seperate from the main stage making it difficult to simply give them a on click, sym.play("label") function.
the buttons work like this in symbols or sections stage/panel/homebutton inside home button is group dev containg another group dev containg the button which I need to link back to a "label" in the /panel/ symbol or section. Thank you very much.

pdp_1 wrote:
Hi!
I would like to create a DVD menu that offers two languages. So the first page gives two options: Language 1 and Language 2. Then depending on which language you choose, you go to a menu that proposes different videos and a photo slideshow.
Regardless on which language button you click on initially, you get the same content but in different languages.
I've been looking at Premiere's templates, which I can certainly customize, but I really don't see how to create the double menu. Does anybody have an idea?
Put the video with the first language on the timeline followed by the video with the second language. Use chapter markers so you can have each video as a chapter in the menu.
I use Premiere Pro, so I can't give more specific directions. Perhaps somebody like ATR will chime in.
Also, I have another question: can I put videos from different projects in the same DVD with Premiere or must all of the videos that go into the DVD be in the same project?
Thank you very much!!!
pdp1
They must be in the same project.

Is it possible to create a pop-up menu with sub-headings

I am trying to setup a pop-up menu in Number that would give me the ability to first create subheadings, that I can then enter my selection list in.
Example:
Subheading 1
     eg 1
     eg 2
     eg 3
Subheading 2
     eg 1
     eg 2
     eg 3
Subheading 3
     eg 1
     eg 2
     eg 3
I did try to search for a solution to this, but nothing came up that I recognized quickly. So, I'm hopeful that someone out there in the Apple community has a quick work-around for acomplishing this.
Thanks,

Strictly speaking this i not possible. You could precede each entry that is indented with a space to make the menu appead to have sub entries.

Menu and sub menus are showing in the popup window

Hi,
We have seach PG, summary and Detail PG.
When we clicked on summary page link, detail page is opening in popup window.
JavaScript is used for this and toolbar=no,menubar=no used .
Still menus are showing below Oracle Branding image.
How to hide these?
Thanks
JP

hello, what do you see instead? please note that at the moment firefox hello also won't work when you've set up the browser to run in permanent private browsing mode ("never remember history" in the options > privacy panel).
[[Settings for privacy, browsing history and do-not-track]]

Spry Vertical Menu and sub menus not working correctly

I am designing a website for a client and cannot get the spry vertical menu and submenus to work correctly. The submenus will show on the index.html page, but not on any other pages, or when I preview in browser. Should I make it a library item then add it to the other pages? I am not sure what I am doing wrong. I appreciate your help!

URL to your site please

Horizontal Menu Bar Sub Menus Go Across and Not Down

How do I make the submenus for my horizontal menu drop down instead of going across the page in IE? It works fine in every other browser.

On line 71 of SpryMenuBarHorizontal.css, add !important as in
ul.MenuBarHorizontal ul li
    float: none !important;
    width: 8.2em;
    font-size: small;
Gramps

Dynamic From Menu with Sub Menu

I am trying to create a form where it has a drop down menu
that depending on what you select, will change the 2nd drop down
menu. For example, you would select one of the 50 states in the
first one (data pulled from Mysql) then then when you select a
state, the second drop down menu would list all of the cities in
the state you selected. I have made the 2 connections, but i have
no idea how to make one control the second one.
Thanks,
Ben

Log in to the Knowledge Exchange:
http://portalstudio.oracle.com/servlet/page?_pageid=2112&_dad=ops&_schema=OPSTUDIO
Once in, run a search for "DHTML Menu" and you should find something interesting created by a certain Ronaldo Viscuso.

How do I hide sub menus in Dreamweaver CS5.5?

Hi - I'm at the very beginning of sorting out my first web site in Dreamweaver CS5.5. I'm using a vertical menu with sub menus. The submenus are permanently visible. I was earlier able to make them only appear when you roll over them with a mouse...but the sub menus then stuck way out into the next column.
What I'd like is to have submenus that are hidden until you roll over them with a mouse. I'd like the submenus to be indented slightly from the main menu (like they are now, except that they're not hidden right now).
I seem to have changed a preference in Dreamweaver, because now when I delete the vertical menu and start all over again, I end up with the same formatting in my new menu. I can no longer end up with a hidden submenu items at all when I insert a vertical menu. I can create a horizontal menu with hidden submenu items, however, so I don't think I've changed the preference related to horizontal menus.
Thanks so much for your help with this!
http://www-rohan.sdsu.edu/~alexandv/cccsite/index.htm

Hi,
in addition to gramp's hint, you could have a look here. You could e.g. use directly (Google) or download and integrate into your DW files.:
http://support.google.com/calendar/bin/topic.py?hl=en&topic=1669237&hl rm=de&from=15270&rd=1
or
http://www.easyphpcalendar.com/,
http://www.meanfreepath.com/index.html,
http://www.dmxzone.com/go?16361.
On the other hand you can find some more by using Google itself, individually specific to your requirements and your preferences.
Hans-Günter

Spry Menu Bar 1.7 Rendering Variable background height based presence/absense of sub-menus

First, let me thank those who have offered help on previous posts on this issue -- the suggestions have pointed me in new directions.
However I am still having problems with the first menu item on the top level of a horizontal menu bar which (because it has no sub-menu) renders the background differently from the other main level items. I have implemented suggestions, as you will see, by setting a class for menu items with sub-menus as per the suggestion, and then proceeding working with line height to make specific changes within that class. However any changes appeared universally through the menu bar at all levels.
Working from that suggestion, I tried establishing a class of "menubarhorizontal_no-sub-menu" and then adjusted the line height for that item. Unfortunately it applied this change again to all items leaving a displeasing white gap between menu items in the drop down menus.
I wanted to put out a call once more. I realize that the problem is in determining which of the rules to style, but I seem to have exhausted the possibilities. The latest version can be seen at www.aclco.org/testing/index.html which will provide a visual of the problem. You can see it doesn't look much different than the original which is http://www.aclco.org/index.html.
I am also including the code for the nav bar which is inserted as a library item into all the pages:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarHorizontal_no-sub-menu" href="../index.html" title="Home">Home</a></li>
<li><a class="MenuBarItemSubmenu" href="../about_aclco.html" title="ACLCO-ACJCO">ACLCO-ACJCO</a>
<ul>
    <li><a href="../about_aclco.html#mission_mandate" title="Mission and Mandate">Mission and Mandate</a></li>
    <li><a href="../about_aclco.html#governance" title="Governance">Governance</a>
      <ul>
        <li><a href="../about_aclco.html#executive">Executive</a></li>
      </ul>
    </li>
    <li><a href="../by-laws_policies.html" title="By-Laws and Policies">By-Laws and Policies</a></li>
    <li><a href="../about_aclco.html#staff_volunteers" title="Staff and Volunteers">Staff and Volunteers</a></li>
    <li><a href="../public_documents.html" title="Public Documents">Public Documents</a></li>
</ul>
</li>
        <li><a class="MenuBarItemSubmenu" href="../about_Clinics_overview.html" title="About Community Legal Clinics">Community Legal Clinics</a>
          <ul>
<li><a href="../about_Clinics_overview.html" title="About Clinics - Overview">Overview</a></li>
<li><a href="../critical_characteristics.html" title="Critical Characteristics">Critical Characteristics </a></li>
<li><a href="../what_clinic_do.html" title="What Clinics Do">What Clinics Do</a>
<ul>
    <li><a href="../Advice+referrals.html" title="Advice and Referrals">Advice and Referrals</a></li>
<li><a href="../case_work+legal_representation.html" title="Case Work and Legal Representation">Case Work and Legal Representation</a></li>
<li><a href="../community_development.html" title="Community Development">Community Development</a></li>
<li><a href="../public_legal_education.html" title="Public Legal Education">Public Legal Education</a></li>
<li><a href="../law_reform.html" title="Law Reform">Law Reform</a></li>
</ul>
</li>
<li><a href="../who_clinics_serve.html" title="Who Clinics Serve">Who Clinics Serve</a></li>
<li><a href="../impacts.html" title="Impact on Clients and their Communities">Impact</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="../Members_Only/intranet_portal_page.html" title="Members Only">Members Only</a>
          <ul>
            <li><a href="../Members_Only/intranet_portal_page.html" title="ACLCO Intranet Pages">ACLCO Intranet Pages</a></li>
            <li><a href="http://www.bulletinboards.com/message.cfm?comcode=ACLCO " title="ACLCO Discussion Forum">ACLCO Discussion Forum</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="../contact_us.html" title="Contact Us">Contact</a>
          <ul>
<li><a href="../contact_us.html" title="Contact Information">Contact Information</a></li>
<li><a href="../links.html" title="Links">Links</a></li>
          </ul>
        </li>
      </ul>
The spry framework coding For the Horizontal Menu Bar is as follows:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    line-height: 23px;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    line-height: 21px;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto; /* This allows the width of the various top level menu items to adjust automatically to fit the contents of each menu item */
    float: left;
ul.MenuBarHorizontal_no-sub-menu li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto; /* This allows the width of the various top level menu items to adjust automatically to fit the contents of each menu item */
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 200px; /* This establishes a fixed width for the drop down menus */
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: none; /* removes the grey border from around the sub-menu container */
/* Menu items are a light gray block with padding and no text decoration NB: Remove - background-color: #EEE; reset color from #333 to #FFF*, and establish a background image with repeat, Especially note that this only sets the top level items, i.e. those with no children sub-menus attached to them.*/
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent-Dark.png);
    background-repeat: repeat-x;
    background-color: #000088; /*background color must exactly match the color of the bottom edge of the repeating background png so that if it runs over 39px in height their won't be any gaps of white. */
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text; again reset thebackground-color: #3CC to equal the color of the bottom edge of the repeating png (see above). Set background image and repeat for a hover state. However, this only sets hover states for top level menu items and sub-menus that have higher level items above them. If for example a menu has 3 levels it will not set for the 1st and 2nd level. */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) Remove the background image that displays arrows and set the appropriate background image and repeat. */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segment-Dark.png);
    background-repeat:repeat-x;
    background-color: #000088;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%)   */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent-Dark.png);
    background-repeat: repeat-x;
    background-color: #000088;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) This controls sub-sub-menu items in hover state. */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically Controls fly-out menu items in hover or focus state.(50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
Finally, there is minimal css coding to help position the menu bar within the web page relative to the top of the page, and left edge of the web page.
This is done with a div tag called Main Nav Contents.
#Main_nav_contents {
    padding: 0;
    margin-top: 0px;
    height: auto;
    width: 950px;
    padding-top: 275px;
    padding-left: 35px;
I would very much appreciate any further help that people can provide me. It seems that the trick is to identify the appropriate rule; however that has thus far alluded me.
Thanks,
Steve Webster

This will help http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one

Collapsing Menu with Sub-Menus

Similar Messages

Maybe you are looking for