Sub menu question

How do I create verticle sub menus that when navigated over expand in the current menu. I have only found options that display sub menus on top of the other main menu options.
http://www.agrability.okstate.edu/ This is the site I am working on, I am looking to add sub menu options to the menu on the left hand side.
Any advice is greatly appreciated!

You already have a spry horizonal menu that you appear to be using as a vertical. You might be able to insert another <ul> within the <li>, like so
<ul id="MenuBar1" class="MenuBarHorizonal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
      <ul>
        <li><a href="#">Item 1.1</a></li>
        <li><a href="#">Item 1.2</a></li>
        <li><a href="#">Item 1.3</a></li>
      </ul>
</li>
If that does not work, perhaps you might just want to delete what you have and insert a vertical spry menu.
I also notice all of your html files start with caps, looks like you have an Index html and a index.html. I'm guessing that gave you a few headaches.
Gary

Similar Messages

How to type comma "," and question "?" without going to "123" sub menu?

How to type comma "," and question "?" without going to "123" sub menu?

I use Comma and question mark frequently at text messaging, email.....using my iPhone 4.
Apparently, there's no short cut for this and I request Apple Support to create a shortcut for "," and "?' so there the Apple device can be more user friendly.
Jackson

Firefox 4 Menu Bar - When I hover over or select a menu bar item, the menu bar sub-menu becomes transparent and unreadable. Is this a known issue that can be corrected with an update or is it functionality that is not designed to work with this version?

Firefox 4 Menu Bar - When I hover over or select a menu bar item, the menu bar sub-menu becomes transparent and unreadable. Is this a known issue that can be corrected with an update or is it functionality that is not designed to work with this version?

If this happens on monitor 2 of 2, this problem has been solved here:
http://support.mozilla.com/en-US/questions/794823#answer-157988
Go to "Firefox"--> "Options" --> "Advanced"
Then un-check "Use hardware acceleration when available"
While not verified, I believe this problem is due to an SLI configuration where the focus is on monitor 1. (I.e acceleration is available, but only on monitor 1.)

Sub menu going behind the BOL using HTML object in IE

when i am implementing PDFs bol object in my webpage using simple html object, it is displaying well in both chrome and Explorer( IE
11). The main problem is the sub menu's of main navigation(sub menu) is going behind of PDFs viewer in Explorer (IE) . And one more thing all the position attributes and z-index values are fine . This is a problem with object . please show me solution. I am
not able to create fiddle for this. for more details see my below code and run in your Internet Explorer browser and hover
the "step 2" navigation menu.
<!DOCTYPE html>
<html>
<head>
<style>
body{margin:0 auto;width:500px;}
header{height:60px;background:#ccc;}
ul#mainnav{list-style:none;display:block;}
ul#mainnav li{float:left;width:80px;}
ul#mainnav li#step2 ul#submenu{display:none;list-style:none;margin-margin-}
ul#mainnav li#step2:hover ul#submenu{display:block;}
ul#mainnav li#step2 ul#submenu li{float:none;height:30px;border-bottom:1px solid #fff;background:#000;color:#fff;display:block;}
</style>
</head>
<body>
<header>
<ul id="mainnav">
<li>step1</li>
<li id="step2">step2
<ul id="submenu">
<li>step2 1</li>
<li>step2 2</li>
<li>step2 3</li>
<li>step2 4</li>
</ul>
</li>
<li>step3</li>
<li>step4</li>
<li>step5</li>
<li style="clear:both;"></li>
</ul>
</header>
<div style="width:300px;height:400px;border:2px sild #fff;float:left;">
<object data="http://www.pdf995.com/samples/pdf.pdf" style="width:94%;height:94%;padding:5px;" type="application/pdf" wmode="transparent" >
<param name="wMode" value="transparent"/>
</object>
</div>
</body>
</html>
COPY THE ABOVE CODE TO YOUR NOTEPAD++, AND SAVE AS INDEX.HTML, AND RUN THIS CODE IN YOUR INTERNET EXPLORER BROWSER, AND MOUSE OVER ON "STEP 2", AND OBSERVE THE SUB MENU IS GOING BEHIND THE OBJECT LAYER. THIS IS HAPPENING ONLY IN INTERNET
EXPLORER.
please install adobe reader in your system and check
PLEASE HELP ME TO FIX THIS PROBLEM

Hi Vallabha,
Thanks for posting in MSDN forum.
I have ran your code and understood your issue. But I cannot find a standard answer. z-index property cannot work with such a object tag. After some search on the web, I find this may be a workaround for this problem.
http://stackoverflow.com/questions/25760079/jquery-combobox-behind-embedded-object-ie-only
Best regards,
Shu Hu
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Activate BP Form in my add-on sub Menu

Hi all,
I have done my add-on Menu=Gestion portuaire and a Sub Menu=Fiche consignataire. I want to load BP form if i click on my sub menu. Help me please.

Hello,
See your question on thread: Duplicate system form
Locate your menu if in Fiche and replace MY_BP_FORM with you menu id
I have posted there the menu activation code, you should put into sbo_application_menuevent section
Select Case pVal.MenuUID
            Case "MY_BP_FORM"
                If pVal.BeforeAction Then
                    sbo_application.ActivateMenuItem("2651")
                End If
        End Select
Regards,
J.

Trouble with Menu and sub menu widget

I am a newbie, hence my current question. I have developed a site for the company that I work for, the basic navigation menu widget has been added, however, the owner wanted a sub-menu for only one of the categories/menu tab, but I am having trouble getting/adding a drop down for one of the menus, it is doing an all or nothing when I try to add the submenu, regardless of only editing the one. What am I missing?

Thanks, that is exactly what I was missing. And that did the trick. I know it was probably a dumb question, but I'm still learning my way around the Muse.

Mail 4.4 (1082) View- Message- sub menu completely grayed out

When I receive messages I would like to see the complete From information i.e.:
[email protected]
What I see is
Imaniceguy
There is no way I can find to show the complete From info.
The View->Message->sub menu is completely grayed out. Hovering the cursor over the From field shows nothing, view and printing a message likewise shows nothing.
So how do I view the complete From information?

Following up on my previous post.
To see if this issue is isolated to a user rather than the system I created a new user account called "test-user." I logged in as "test-user" and started Mail. I created a new account by entering all the correct account information.
I then have the same issues as my original user account.
- cannot open a mailbox viewer
- cannot create a new email message
- cannot quit mail. Need to force-quit
The fact that this is happening to a brand new user account tells me that this issue is happening at the System level.
Does anyone know the complete list of System related files that are associated with Mail?
Furthermore, the complete list of User related files that are associated with Mail would also be helpful.
Let me know if you have any questions.
Thanks for any insight, wisdom, or guidance!

Horizontal Spry Menu Bar with Horizontal Sub Menu

I have created a horizontal menu bar with only one main menu item leading to a sub menu. I would like this sub menu to display horizontally also, instead of vertically as added by default.
I am relatively new to dreamweaver and would appreciate any help possible.

Came across the fix by accident thru extensions in menu bar,
and choice of cursor for each section. Feeling happy! Happy New
Year everyone.

Muse 2014 -sub menu items appearing on roll-over etc.

Hi, complete newbie, so sorry if this has already been covered elsewhere. Only started using Muse about 1 month ago and now using Muse 2014 - using horizontal menu widget and discovered how it now shows sub-menus when hovering over the main menu item- I find this great!
I want a 'Contact Me' page with a basic form and this is not a problem, however, I want the sub-menus to appear when hovering over the other main menu items, but not the contact me page - might be completely off here, but created a 'Thank you' page as a child page of the contact me page and only want this displayed (not as a sub-menu choice when hovering over the contact me main menu item) when they have clicked the submit button on the form (I know how to set this re-direction in the forms options). Have tried playing with menu on the master page - switching off the edit together and changing settings on only the contact me menu item - without success- seems to apply to all main menu items.
I would like to know how to achieve sub-menus on other menu items - but not on contact me item; or whether I am going about trying to have a 'Thank you' response when someone submits the contact me form in the completely wrong way - can this be better achieved by other means?
I would really appreciate your advice and help. My published site is 'onyerbikegeordie.uk' with the main menus - except not with a contact me page as yet, but would give you an idea of what I am trying to achieve except for a contact me page.
Sorry for the long post, but thanks for reading and in anticipation of your help!
Joe
Message was edited by: Joe Fitzpatrick

Hi, managed to find the answer to this myself. In Plan, right-click on page and select Menu Options > Exclude Page from Menus. Job Done!
Joe

Cluster (sub menu) submit button grayed out

hello all
as of today my compressor has stopped allowing me to submit the batch i set up.
having sent an item from FCP to compressor, i get to set the options for settings and destination and then when i hit the submit button a second menu pops down regarding cluster options of which i have none. i add a name to this box yet no mater what other options i change the *submit button in this sub menu remains grayed out!*
http://twitpic.com/jj7n2
i have tried reinstalling compressor, and eventually the whole suit. i have removed the various prefs and qmaster stuff. i have used the fix compressor utility from digital rebel, repaired permissions and cleared out cache, but still *grayed out submit*.
what thoughts cloud genii?

I'm having the same problem.
This comes after suffering persistent crashing of Compressor 3.5 on launch and finally having to reinstall to at least fix the crashing problem. But now I can't submit any processes - the button is greyed out.
Can't remember setting this up originally, but it use to say "This Computer" for processing - do I need to add my computer to a list of available processors?
Any help hugely appreciated,
Simon

Can't access in Finder Contextual Menu the sub-menu named More

Hi!
I was trying to learn how to use Automator, in the web page
http://www.macosxautomation.com/automator/examples/ex03/index.html
and I realize that I can't access in Finder Contextual Menu the sub-menu named More for choose Automator > Create Workflow... from the sub-menu.
Someone can help me to configure the finder in order to

That page is out of date since it doesn't reflect the change in Snow Leopard that did away with the More contextual menu. Try this. System Preferences->Keyboard->Keyboard Shortcuts->Services->Development->enable Create Workflow. Close the prefPane, select the object, CONTROL-click->Services->Create Workflow.
If that solves your issue, then send a message to the page's developer and ask them to update it.
BTW, see http://discussions.apple.com/thread.jspa?threadID=2241804 for a four-parter by Sal Saghoian on *Automation in Snow Leopard*
and this, which describes the old and new automator—services stuff:
http://www.reynoldsftw.com/2009/08/automator-and-finder-interactions-in-os-x-10- 6/

Sub-menu of eSubmit is empty in non-English language (Russian)

BPC 7.5
BPC for Excel in English is working correctly, but in Russian sub-menu of eSubmit is empty

Hi Sorin!
Thank you for reply!
Yes, russian language for BPC installed.
Test was done with the same user for both language - in english everything is ok, in russian except submenu of "eSubmit" too.
Only eSubmit's submenu is empty
p.s. I see and can run eSubmit's macros in Excel (in russian) if I add them on Excel toolbar as icon (not from Planning and Consolidation -> eSubmit -> ..)
Edited by: Maxim Pak on Nov 17, 2010 6:57 AM
Edited by: Maxim Pak on Nov 17, 2010 7:19 AM

Keyboard shortcut for Sub Menu item Only works AFTER using it

I have a Custom MOVE TO READ Mailbox shortcut. This is a SUB Menu item.. MESSAGE/Move To/READ FOLDER.
It is really sweet to clear out my INBOX and save emails.
So, what is ODD is that that menu has to be Clicked on and shown each time MAIL is run for that keyboard shortcut to work.
I find that Odd and would love to have it work without having to "train" it everyday.

Hello,
Post in the iTunes Forum: http://discussions.apple.com/forum.jspa?forumID=789
Check out the AppleScript Forum also: http://discussions.apple.com/forum.jspa?forumID=724
Carolyn

How to Center Text in Menu and Left Align in Sub Menu

Hi - I'm looking to Center the text in the main menu of a Spry Menu in DW CS 5.5 but left align the sub menu's.
If someone could point me in the right direction it would be much appreciated.
Thanks
J

See here http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml
Gramps

Positioning of spry sub menu in IE8

Hi - can anyone help with an IE8 issue concerning Spry? I have created a menu here:
http://www.clinicafiore.co.uk/jan2012/indexJan2012_1.html
In all the browsers I have tested (Chrome,FF,Safari,Opera) on Mac and PC platforms it works fine. In IE8 it doesn't (hooray).
The critical attribute is:
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: 189px;
top: 0;
I.e. I have pushed the sub-menu out 189px when visible and set the top value to 0 thinking this would align the sub-menu with the top of the main menu item.
Is there a better way to do this to cover all browsers or do I need some conditional code for IE?
Really.really grateful for any help
For good measure here's all the html & the css
HTML
<div id="leftNav">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#" title="ageing body" class="MenuBarItemSubmenu">AGEING BODY</a>
        <ul>
          <li><a href="#">Ageing Décolleté</a></li>
          <li><a href="#">Ageing Hands</a></li>
          <li><a href="#">Ageing Neck</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">ageing face</a>
        <ul>
          <li><a href="#">Ageing Lips</a></li>
          <li><a href="#">Double Chin</a></li>
          <li><a href="#">Downturned Mouth</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">Item 3.2</a></li>
          <li><a href="#">Item 3.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
</div>
CSS
ul.MenuBarHorizontal
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 0.9em;
          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;
          list-style-type: none;
          font-size: 0.9em;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 189px;
          float: left;
          font-weight: bold;
          text-transform: uppercase;
/* 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: 189px;
          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: 189px;
          top: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 189px;
          font-weight: normal;
          text-transform: none;
/* 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: 1px solid #CCC;
          font-weight: normal;
          text-transform: none;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #aee56b;
          padding: 0.5em 0.75em;
          color: #333;
          text-decoration: none;
          border-bottom-width: thin;
          border-bottom-style: dotted;
          border-bottom-color: #FFF;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          background-color: #999999;
          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-color: #999999;
          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%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          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(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          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%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          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%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
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;

I may be misinterpreting what it is that you want, partly because I thought we were talking horizontal menu and you point out a vertical menu.
I think that you used the vertical menu as an illustration to shopw how you want the submenu alligned. If that is correct, then please copy an paste the following into a new document and see the result in an IE8 browser.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarHorizontal.css" rel="stylesheet">
<style>
ul.MenuBarHorizontal ul {margin-left: 8em; margin-top: -35px;}
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
    <ul>
      <li><a href="#">Item 1.1</a></li>
      <li><a href="#">Item 1.2</a></li>
      <li><a href="#">Item 1.3</a></li>
    </ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
        <ul>
          <li><a href="#">Item 3.1.1</a></li>
          <li><a href="#">Item 3.1.2</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3.2</a></li>
      <li><a href="#">Item 3.3</a></li>
    </ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryMenuBar.js"></script>
<script>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
If the above is not what you want, then please explain.
Gramps

Sub menu question

Similar Messages

Maybe you are looking for