Cascading Drop Down Menus

Can cascading drop down menus be created in Acrobat XI Pro? If so, how?

Yes with JavaScript and popUpMenu method.

Similar Messages

DW-MX-04 Drop-down menus won't work.

I'm using Dreamweaver MX 2004 (have been for several years, so I know my way around it). I want to create drop-down or fly-outs menu's to consolidate page links into categores in order to reduce the number of link tabs I have on each page. I've been able to create the menu's I needed (using: Tag Chooser\ Behaviors\ Show Pop-U Menu), but when I preview the pages in IE, the text only shows on the mouseover text (not on top) despite having the text color set as black in the Menu window. But it gets worse. When I uploaded the page to try it, the drop down menus don't show up at all when I hover over the main buttons and I get javascript errors.
Can anyone give me so assistance on how to resolve this?
I've checked the text color issue using the code view editing pane, and it matches the way I have it setup in the Pop-Up Menu. But that's the least of my worries if I can't get them to work at all when the pages are live.
Thanks...JEB

MX2004 software is also somewhat antiquated and no longer supported by Adobe. So it shouldn't surprise you that the tools from nearly a decade ago are obsolete today. The web itself has changed significantly since 2004!
Web standards have moved from HTML3 to HTML5. Layouts have departed from old school nested tables to more efficient CSS. Unlike a decade ago, today's web devices include everything from hand held smartphones & tablets to laptops, desktops and TV displays. So it's not possible to stand still and keep pace with the evolving web. If you're not moving forward, you're falling behind.
CSS is not an extension. HTML = content. CSS = Cascading Style Sheets. CSS is used to style your content. With CSS you can make an ordinary list look like a very cool menu with buttons, borders, shadows, drop-down and rollover effects. If you master CSS, you can do some very creative things with it. However, coding skills are essential.
Below is an example of an unordered list styled with CSS to make a nice horizontal drop-menu.
http://alt-web.com/DEMOS/CSS-Multi-colored-drop-menu.shtml
To further illustrate the efficiency and power of CSS, look at CSS Zen Garden.
http://www.csszengarden.com/
Every page on the right panel contains exactly the same HTML code as the first. The only difference is the CSS code.
The shift to CSS is intended to help web designers keep styles separate from content. Learning to work with CSS will make a you better web designer and save countless hours of tedious re-coding when you decide to change the look of your site. It's much easier to edit one file instead of many.
Below are some links to help you learn more about how to work with CSS.
HTML & CSS Tutorials -
http://www.html.net/
http://w3schools.com/
http://www.csstutorial.net/
https://tutsplus.com/2013/03/the-modern-web-designer/
Have fun!
Nancy O.

Drop down menus/layout tables

Hi,
I'm trying to redesign a church website that I built last
year. I used Frontpage mostly using layers. I made the page for 800
resolution screens, so the content sits to the left of the page
with blank spots to the right using higher resolutions.
I want to center the page with colored margins. I know I can
use layout tables to do that, but I havent figured out how to make
drop down menus without using layers. I've gotten this far
http://www.216west3rd.org/GraySite/index.htm
and it is exactly what I want it to look like, just cant figure out
the dropdown menu thing.
I have Dreamweaver 8 and would upgrade to Dreamweaver CS3 if
it could do that task.
www.statesman.com (our local Austin newspaper) is an example
of what I want to do. Content centered with drop down or cascading
menus.
I'm not a codewriter, I only use design modes. Can anyone
help me with this?
Thanks in advance,
David

CSS drop menu & tutorial:
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Aztec506" <[email protected]> wrote in
message
news:f9vukp$m7t$[email protected]..
> Hi,
> I'm trying to redesign a church website that I built
last year. I used
> Frontpage mostly using layers. I made the page for 800
resolution
screens, so
> the content sits to the left of the page with blank
spots to the right
using
> higher resolutions.
>
> I want to center the page with colored margins. I know I
can use layout
> tables to do that, but I havent figured out how to make
drop down menus
without
> using layers. I've gotten this far
>
http://www.216west3rd.org/GraySite/index.htm
and it is exactly what I want
it
> to look like, just cant figure out the dropdown menu
thing.
>
> I have Dreamweaver 8 and would upgrade to Dreamweaver
CS3 if it could do
that
> task.
> www.statesman.com (our local Austin newspaper) is an
example of what I
want to
> do. Content centered with drop down or cascading menus.
> I'm not a codewriter, I only use design modes. Can
anyone help me with
this?
>
> Thanks in advance,
> David
>

Help with rollover drop down menus

I created a flash document with rollover drop down menus, but
the menus some times won't go back up unless you rollover their
associated buttons again. Also I created a link inside one of the
buttons on one of the menus, but when you click that button the
menu stays down until you rollover the button again. Some times 2
menus will be down at the same time. Can anyone help me fix these
problems? I'm a beginner and this is the first flash movie I've
ever made.

There is a lot of documentation on the web describing techniques to implement "Cascading Dropdown lists in Excel".
A few starting points that may be helpful:
http://chandoo.org/wp/2014/02/13/dynamic-cascading-dropdowns-that-reset/
https://www.ablebits.com/office-addins-blog/2014/09/30/dependent-cascading-dropdown-lists-excel/

My Drop Down Menus Do Not Work Properly in IE

Hey. I'm really stuck and have been for over a week. Let me preface this by telling you I didn't build our website and have little knowledge of spry and spry assets. I can't the get the gentleman that built our site to help and I'm desperate!
The site - www.ncsoccer.org , has drop down menus. They work fine in Chrome, FF and Live Preview (DW CS4). But in IE8, they do not.
I had to revise the drop downs (changing names and removing some drop downs - I've done this with no problem before). When I uploaded the index page and the template pages, the error started.
In addition, the people in my office that use Contribute to update their sections, cannot access anything but our index page and I don't know what (if anything) I've done wrong, as everything worked fine before the menu revision.
I'm including the 'sprymenubarhorizontal.css" code below. Maybe you can see something that isn't right.
Thanks for any insight or suggestions. Remember, asking me to create to create sprys or widgets or something like that may be over my head! Try to dumb it down for me!
Thanks.
Mark
(sprymenubarhorizontal.css code)
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* 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;
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;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
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: 15em;
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: 15em;
/* 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;
width: auto;
background-attachment: fixed;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #ffffff;
padding: 0.3em 0.75em;
color: #000;
text-decoration: none;
/* 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: #cccccc;
color: #000;
/* 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: #cccccc;
color: #000;
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-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-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;
/* 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;

A;though the CSS is very well documented, there are those that ignore those signs. Look at the following
/* 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: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
The rest have been given a width of 15em, so this value may be a good start.
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
   width: auto;
    background-attachment: fixed;
Just keep the border property and remove the other two.
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;
/* 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;
The following is the original for the above
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;
Cheers,
Gramps

How can I correct the problems I've been experiencing lately with drop-down menus in general as well as and leading of text. It 's occurring on both Safari and Firefox browsers.

The above headline pretty much covers the problems.
Access to the drop down menus is erratic. Sometimes it's problem-free, but at other times it's impossible to see the options on the menu, or if they are visible, it's impossible to effect a change by clicking on one of them. The times I notice it most is when I am trying to change fonts or font sizes, but it occurs at other times, as well.
It's also frustrating to have to deal with double spacing (for example, when describing items on eBay). Sometimes the text flows normally, but if I force a return, the text that follows usually is double-spaced.
Often, the justification option does not work either.
Occasionally, I can get around one problem or another by switching back and forth between Safari and Firefox, but eventually, the original problem resurfaces.
Because it happens on both browsers, eBay tech support is inclined to think the problem is in my software. (I'm inclined to agree.)
Although they have suggested clearing the history in FF, that option must have been relocated, because it'sno longer under the "Tools" menu, where it was in the past. I also can't find the clear your cache option on OS Safari or 10.8.3.

callthescribe wrote:
...Although they have suggested clearing the history in FF, that option must have been relocated, because it'sno longer under the "Tools" menu, where it was in the past. I also can't find the clear your cache option on OS Safari or 10.8.3.
I don't think it'd help much but clearing history is now in the History menu, and setting FF to clear history on exit is near the bottom of the Privacy tab of FF Preferences.
Also, if you don't have the Develop menu in Safari, open Safari preferences, click Advanced, and select “Show Develop menu in menu bar.” You'll find "Empty Caches" there.

Drop down menus on iPad, the first selection in the drop down will not load as a selection when using safari, what can I do?

Drop down menus on iPad, the first selection in the drop down will not load as a selection when using safari, what can I do? I use this for my mobile, on-site auto repair business and not being able to call up repair and diagnostic info and reference for some cars is troublesome for sure. It works fine on the computer and I have installed a remote desktop app as a workaround but it is unreliable because the desktop is not business dedicated and may be off or in use at the time. So is there a known fix for this?
Let me paint a more descriptive picture, visualize 4 drop down selection menus, first one is for year, next one is for make, 3rd one is model and the last one is for engine size/type. If I wanted to choose a 2012 vehicle it wont work because it is the top selection on the list. This can be forced by selecting any other year and then coming back to 2012. Ok fine, but then let's say I wanted to choose Acura as the make, well it won't take it because again it's the top selection. Again you work around it be selecting any other make and coming back to Acura. Ok now select the model, same trend follows. But now since most Acura vehicles come with dedicated engines and no optional engines I have only 1 selection in that final drop down menu and it will not take my selection and therefore never let me proceed to the info I need.
This is also true when ordering parts from my wholesaler's website, they use drop downs and I can only get to that last drop down and then I'm stuck. This is blindingly frustrating, what options do I have. I'm not opposed to any avenue at this point.

Did you ever figure this out? I bought my iPad last week to use in my business as well. I assume you are trying to use alldata? That is where I noticed this same issue. I had problems with identifix working with safari but downloaded a different browser and that works fine. Alldata does not work with either browser. The main difference is that on identifix if there is only one engine selection, it automatically selects the only option and continues to the home page. With alldata you have to make the selection manually even if there is only one option. Honestly if I can't get this to work I am going to return the iPad as it looses a significant amount of usefulness to men

Drop down menus disappear in a blink of an eye. If I open more than 10 tabs I can't get to them, the arrow takes me back to the first 10. Only in FF, IE works fine. Tried safe mode and no change. It was fine one day and then not the next?

drop down menus don't work...they disappear in a blink of an eye. This only happens in FF not IE? That includes the menu below! I can't have more than 10 tabs open because the arrow won't take me past 10 it just returns to the first 10???

Did you ever figure this out? I bought my iPad last week to use in my business as well. I assume you are trying to use alldata? That is where I noticed this same issue. I had problems with identifix working with safari but downloaded a different browser and that works fine. Alldata does not work with either browser. The main difference is that on identifix if there is only one engine selection, it automatically selects the only option and continues to the home page. With alldata you have to make the selection manually even if there is only one option. Honestly if I can't get this to work I am going to return the iPad as it looses a significant amount of usefulness to men

I am having some serious issues with firefox, i can't print anything because it is stuck on fax and I can't use any of the drop down menus on any site

I am having some serious issues with firefox to the point of choosing another search engine. I can't print anything because it is stuck on fax and won't let me change it to my printer when i do try to select my printer it jumps right back to fax. The drop down menus do not work on any of the sites I go to. For example when purchasing clothes and you have to choose a size from a drop down menu I can't do it when I click on the drop down menu it doesn't work at all. I don't have a virus I ran my virus protector and no viruses are present. I don't have any suspicious issues going on with my computer so there has to be something in Firefox that is causing my issues. I tried internet explorer and I don't have any issues there. I hope you can help me because I love Firefox and would really like to continue to use it.

Lots of issues there, main one getting fcpx going again, try deleting the preferences using the utility deveoped by these guys.
http://www.digitalrebellion.com
Try deleting your render files and re-rendering the project.
Start with these and let us know how you go.
Tony

Gmail drop-down menus (Move to, Labels) and emails and Facebook chat will not open.

I am unable to open emails in standard Gmail. Emails can be opened after switching to the basic html version. I am also unable to use the drop-down menus, such as "Move to" or "Labels." The button turns gray, but the options do not appear.
Facebook chat is giving me a similar problem. When I click "Chat" in the bottom left, it acts as though it's trying to load but does not open up to reveal friends.
I have tried the following: deleting cookies, reinstalling Java, updating my vid card drivers, and uninstalling/reinstalling Firefox
Scans for viruses and spyware have yielded no results. I use AVG, Spybot, and Malwarebytes. The Gmail emails and menus will open in IE8.

Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See:
* [[Troubleshooting extensions and themes]]

I ran Advance System Care 3 Disk Optimizer program and now my drop down menus are too fast. How do I slow them down

I ran Advanced System Care3 disk optimizer program on my computer and now the drop down menus in Firefox open too fast. Mostly in the Bookmarks menu with nested folders. I went into the registry and changed all the "MenuShowDelay" data values back to 400(which were changed to 200 by the program. All the other windows programs drop down menus went back to the original speeds and are fine. Firefox did not change back to it's original delay speed. Where is the registry entry or configuration file for Firefox? How can I slow the menu down?
Thanks,
Tony

I ran Advanced System Care3 disk optimizer program on my computer and now the drop down menus in Firefox open too fast. Mostly in the Bookmarks menu with nested folders. I went into the registry and changed all the "MenuShowDelay" data values back to 400(which were changed to 200 by the program. All the other windows programs drop down menus went back to the original speeds and are fine. Firefox did not change back to it's original delay speed. Where is the registry entry or configuration file for Firefox? How can I slow the menu down?
Thanks,
Tony

Lost all the text in my drop down menus

All of a sudden I do not see any text in my drop down menus or on pop-ups. I tried to open Safari and got the pop up menu with a yellow triangle with a black exclamation point in it. It also had the three buttons at the bottom - one was blue - but no words.
I can open Firefox but not Safari. I can open the System Preferences widget but all I see are the icons, not the names of the choices. No matter what application is open I do not see any words in the dropdown menu.
First I tried zapping the PRAM. Didn't work. Then I booted from the startup disk and ran the disk repair utility, it repaired several things, but I'm still having the problem.
The font on my menu bar has changed too.
I installed x11 two days ago - not from the startup disk but from a website a friend helped me find when I didn't have my disk with me. I also installed Open Office. Should I uninstall those?
Is it possible I got a virus?? I have no clue how to deal with a virus on a Mac. I haven't had any trouble with my iBook since I got it in November 2005, and I don't know any tricks.

hi Rina!
my apologies, i'm guessing from your name that you might be from a non-english-speaking location ... if so, check to see if this is an issue for you (also see other posts in the thread):
Markus Eberhard, "iTunes 6: No music shows up in iTunes after upgrading" #12, 03:59pm Oct 18, 2005 CDT
... if i've gotten things horribly wrong, post back and we can try again.
love, b

My drop down menus made in Fireworks wont work after I put them in Dreamweaver

I am trying to make a site for my work. And I made a drop down menu within Fireworks. I pasted the code into the place I wanted it to go on Dreamweaver, then I saved the page and went into Internet Explorer. I rolled over my buttons that were supposed to be drop downs and they only work if you refresh then roll over and once you take your mouse off of it, you'd have to refresh again to see the buttons. I have tried and tried to figure this out but I just cant seem to. PLEASE HELP!
JoLynn
Here is the link to my page
http://lakechelanmirror.bravehost.com/
The drop down menus are supposed to be the NEWS button and MIRROR BLOG button.
I THINK this is the code for the menu..
var mmOpenContainer = null;
var mmOpenMenus = null;
var mmHideMenuTimer = null;
function MM_menuStartTimeout(hideTimeout) {
mmHideMenuTimer = setTimeout("MM_menuHideMenus()", hideTimeout);
function MM_menuHideMenus() {
MM_menuResetTimeout();
if(mmOpenContainer) {
var c = document.getElementById(mmOpenContainer);
c.style.visibility = "inherit";
mmOpenContainer = null;
if( mmOpenMenus ) {
for(var i in mmOpenMenus) {
   var m = document.getElementById(mmOpenMenus[i]);
   m.style.visibility = "hidden";
mmOpenMenus = null;
function MM_menuHideSubmenus(menuName) {
if( mmOpenMenus ) {
var h = false;
var c = 0;
for(var i in mmOpenMenus) {
   if( h ) {
    var m = document.getElementById(mmOpenMenus[i]);
    m.style.visibility = "hidden";
   } else if( mmOpenMenus[i] == menuName ) {
    h = true;
   } else {
    c++;
mmOpenMenus.length = c+1;
function MM_menuOverMenuItem(menuName, subMenuSuffix) {
MM_menuResetTimeout();
MM_menuHideSubmenus(menuName);
if( subMenuSuffix ) {
var subMenuName = "" + menuName + "_" + subMenuSuffix;
MM_menuShowSubMenu(subMenuName);
function MM_menuShowSubMenu(subMenuName) {
MM_menuResetTimeout();
var e = document.getElementById(subMenuName);
e.style.visibility = "inherit";
if( !mmOpenMenus ) {
mmOpenMenus = new Array;
mmOpenMenus[mmOpenMenus.length] = "" + subMenuName;
function MM_menuResetTimeout() {
if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
mmHideMenuTimer = null;
function MM_menuShowMenu(containName, menuName, xOffset, yOffset, triggerName) {
MM_menuHideMenus();
MM_menuResetTimeout();
MM_menuShowMenuContainer(containName, xOffset, yOffset, triggerName);
MM_menuShowSubMenu(menuName);
function MM_menuShowMenuContainer(containName, x, y, triggerName) {
var c = document.getElementById(containName);
var s = c.style;
s.visibility = "inherit";
mmOpenContainer = "" + containName;

Only half works in opera, menu doesn't stay visible long enough to click on it.
I'm also getting "<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>" at the top of every page?

How do I get spry drop down menus to display infront of my content?

Hi,
I am currently using DW CS4 to create a website for a uni project. I have created a Spry Menu bar which displays correctly when I preview it however I have uploaded a few pages to my site to test them and the drop down menus disappear behind my content. Is there any way I can fix this?
My web address is www.nataliemiddlemore.110mb.com if you want to have a look. There is currently only 3 pages uploaded.
Also the drop down menus do accross the page horizontally rather than drop down underneath each other. Is there a way to fix this?
I would be very grateful for any help and am only a beginner so keep it as simple as possible for me.
Thankyou in advance.

You have used Absolutely Positioned Divs for your primary content. AP Divs are (by definition) taken out of the normal flow of the page. When they are in the code after the menus, they might show in front of them. I did not experience that on my system, however.
I don't see any overriding reason...beyond the thought that AP Divs are easy to make and place...for using AP Divs. Your page structure is very stable, and normal relatively-positioned Divs should work just fine.
As to the drop down menus trailing horizontally across the page, control the width of this: ul.MenuBarHorizontal ul to contain the left-floating list items. That style selector shows up in the SpryMenuBarHorizontal.css stylesheet. The submenus should then fall vertically.
Beth

Business Contact Manager 2013 Issue with drop down menus not working correctly and BCM disappearing.

We upgraded from BCM 2007 to BCM 2013. Now the BCM disappears from Outlook occasionally and the drop down menus are confused. for instance when accessing the drop down for phone numbers, the user selects company - but the field for TTY/TDD comes up.
Shows fields that don't exist etc.
The client is using Office 2013 Pro Premium from Office 365 Small Business Premium subscription and BCM downloaded from Microsoft website.
Please let me know what the support avenues are for this product.
Chris Smith

Hi,
This issue may be caused since the BCM was not installed properly.
Please go to Control Panel -> Programs and Features, find Business Contact Manager for Microsoft Outlook and Uninstall it.
Then go to
http://www.microsoft.com/en-us/download/details.aspx?id=36513, download the right version of BCM(32bit or 64bit) and install it.
If issue persists, you may provide the screenshots of the issue, post them to SkyDrive and share it via a link:https://skydrive.live.com/, then we will have a better understanding on the issue.
Thanks,
Melon Chen
Forum Support
Come back and mark the replies as answers if they help and unmark them if they provide no help.
If you have any feedback on our support, please click
here

Cascading Drop Down Menus

Similar Messages

Maybe you are looking for