Menu Spry void ends up behind the text in the body section, do not click on

Hi all, I'm new here to design web in general and Dreamweaver, summer study the CS5 classroom eBook.

in any case, I have a problem with the spry menu bar. I have the navigation bar just below my head, its horizontal. And when I mouse over a menu link drop-down, menu drop down part ends by behind the text I have in the body, and I can't click on the submenu, and then the menu retracts itself, since I could not pass my mouse over it. Some tips on how to wear the spry framework forward at all and other things behind him?

The problem here is that you are using absolute positioning without real purpose.

Absolute positioning is based on a stacking order (z-index in CSS) to the elements of the stack on the page.

A higher z-index covers a lower z-index.

Your navigation div Spry has z-index: 3

Your content div has z-index: 4

If the content div covers the navigation div and the submenus (z-index: 3) opened under the content (z-index: 4).

As an immediate fix, change the z index of the div of navigation to something really high such as 9999 so it will always be on top.

As a longer term solution, remove the absolute positioning everything on the page and use floats, margin and padding to layout your page more firmly elements.

Tags: Dreamweaver

Similar Questions

  • Plustek OpticBook 3600 will not install error that an error occurred during the installation of the device. The required section was not found in the INF

    Original title: Plustek OpticBook 3600 is not installed

    Found new hardware wizard runs, but after scanning stops the disc from the manufacturer with the message ' year error occurred during the installation of the device.»  The required section was not found in the INF"

    PC system is homebuild which, in theory, exceed the minimum requirements of the system of manufacturers.  Operating system is Windows XP Pro with Service Pack 3.  The scanner is connected to the USB 2.0 card that is not separately powered, but installed in the PCI slot.  I suspect that the problem lies in the PC rather than the scanner. but do not know what the problem is.  Any help would be appreciated!

    Hello
    You can try the troubleshooting provided in the link below steps to fix the problem.

    You receive a "unable to install this hardware" or "an error has occurred during installation" error message when you try to install a PCI device

    http://support.Microsoft.com/kb/841567

    Note:

    To do: Important This section, method, or task contains steps that tell you how to modify the registry. However, serious problems can occur if you modify the registry incorrectly. Therefore, make sure that you proceed with caution. For added protection, back up the registry before you edit it. Then you can restore the registry if a problem occurs. For more information about how to back up and restore the registry, click on the number below to view the article in the Microsoft Knowledge Base:

    How to back up and restore the registry in Windows

    http://support.Microsoft.com/kb/322756

    See also:

    Error message: cannot install hardware. An error occurred during the Installation of the device

    http://support.Microsoft.com/kb/810882

  • Submenu Spry hidden behind the body

    Hello.  My apologies to the community, but I had this problem some time and thought the advice of z-index was difficult, but it turned out not to help.  Can someone please go to my site to the www.mtbresource.com via Firefox and check it out?  The submenus spry on the extreme RIGHT side (Media = > Interviews = > Tinker Juarez, or Media = > Interviews = > Craig Beirly, or Media = > features = > mountain bike cops) are all being hidden by the body.  Have you tried several different iterations of z-index setting nothing helped.  Thank you very much.

    I think that the following could be the relevent code tinsmith shear in case this is useful:

    {body
    Police: 100% Verdana, Arial, Helvetica, without serif.
    margin: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    Color: #000000;
    background-color: #666666;
    }

    < div align = "left" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    "< li > < a href ="... / index.html "> home < /a > < /li >"
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > connections
    < ul >
    "< li > < a href ="... / LinksBikesAndFrames.html "> bikes and frames < /a > < /li >"
    "< li > < a href ="... / LinksPartsAndComponents.html "> parts and components < /a > < /li >"
    "< li > < a href ="... / LinksTools.html "> tools < /a > < /li >"
    "< li > < a href ="... / LinksBikeShops.html "> bike shops < /a > < /li >"
    "< li > < a href ="... / LinksOnlineRetailers.html "> online < /a > < /li > retailers"
    "< li > < a href ="... / LinksAccessories.html "> Accessories < /a > < /li >"
    "< li > < a href ="... / LinksResources.html "> resources < /a > < /li >"
    "< li > < a href ="... / LinksEvents.html "> events < /a > < /li >"
    < /ul >
    < /li >

    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Media
    < ul >
    "< li > < a href ="... / Videos.html "> videos < /a > < /li >"
    "< li > < a href ="... / ImageGallery.html "> Gallery < /a > < /li >"
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Interviews
    < ul >
    "< li > < a href ="... / TinkerInterview.html "> Tinker Juarez < /a > < /li >"
    "< li > < a href ="... / CraigBierlyInterview.html "> Ulysse MTB < /a > < /li >"
    < /ul >
    < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > features < /a >
    < ul >
    "< li > < a href ="... / FeatureCopsOnMountainBikes.html "> Mountain Bike cops < /a > < /li >"
    < /ul >
    < /li >
    "< li > < a href ="... / OnlineGames.html "> online < /a > < /li >"
    < /ul >
    < /li >
    < /ul >
    < / div >

    I don't think that it has nothing to do with z-index.  This is due to the width of the .thrColFixHdr #container and the drop-down menus and sub being contained in this width.

    Firefox Help and the webdeveloper toolbar to change the width, I changed it to 900px (instead of 780px) and the drop was visible, as the submenu that touches the right edge of the container.

    I'm not familiar enough with the Spry Menus to provide a miracle solution, but I wonder if there is a way to make the submenu flyout open on the left side instead of right on this dropmenu... because the sub at the moment is contained by the width of the container.

    Unless you expand the width of the container (to show the submenu), you may need to rethink the layout of menus.  I would have suggested moving this menu inside, but all your main menus have subs... so it's outside, so

    You can ask the question on the Spry Forum - which could be a difficult drive to get on the left using - less units, but as I said, not quite sure if this is possible.

  • Hidden behind the symbol button does not work

    Hello

    I have a button named "Log" that can't be clicked because I have a symbol in front of it.

    The symbol is set to 'off', but still appears to be hiding the button.

    The symbol is an animated menu I want to introduce (on the click of the menu button) and cover the sign in button, but I need the sign in button to be clickable when the menu is not open, i.e. I can not put the sign in button in the front of my menu symbol.

    What should I do to stop the symbol menu "masking" functionality of the sign in button?

    Thank you

    OI, you're right that everything does not work, try this good

    the value always on burgermenu

    burger_btn code should now be:

    If (sym.getSymbol("burgermenu").getPosition ("menuout")) {}

    setTimeout (function () {sym.$("burgermenu").css ({"z-index":-10});}, 1200);})

    sym.getSymbol("burgermenu").playReverse ("menuout") ;}

    else {}

    SYM.$("burgermenu"). CSS({"z-index":+10});)

    SYM.$("TOP_BAR_grey"). CSS({"z-index":+10});)

    SYM.$("burger_btn"). CSS({"z-index":+10});)

    sym.getSymbol("burgermenu").play ();

    };

    and on creationComplete (stage), add this line:

    SYM.$("burgermenu"). CSS({"z-index":-10});)

  • addresses in the menu dropdown has disappeared and in the story as well, not removed

    I checked the address drop down this morning and when I got home 15 minutes later he went and also took the turn of history. I know it sounds strange, I have not deleted and no one was home with me. Is it possible to connect from another computer and delete.

    Make sure that the address bar is not set to "Nothing":

    • Firefox > Preferences > privacy > address bar: when you use the location bar, suggest: history, bookmarks and bookmarks

    One possible cause is a problem with the places.sqlite file that stores the bookmarks and history.

  • behind the bridge router will not connect.

    Im trying to set up my network like this, Modem > ROUTER1 > bridge > ROUTER2 > PC

    Both routers are WRT110 and the bridge is a WET54g.

    I can access the internet if I plug the power cable directly into my PC from the bridge, but when I plug it into the router it does not connect to the internet. my pc can also connect to ROUTER2 without problem but can not get internet.

    This could be established with only 2 devices... WRT110 router and bridge WET200... WET200 bridge has five ports to connect safely separate wired networks...

    With your existing equipment, cela -.

    Connect the second router Internet Port WET54G and access your router installation... Change the router LAN IP address 10.10.10.1 and click on save settings... Turn off the router for a minute and turn it back on... You should be able to connect your computers wired to your router's ethernet ports, and they need to connect on internet...

  • ATTENTION: I suspect this YAHOO suitor is a Fishy &amp; virus, what do you feel? I have not clicked on the link. Do not click on the link. I'm asking for advice.

    I deleted as you say.
    Thank you very much
     

    Snow,

    This is a PHISHING scam obvious, trying to STEAL your yahoo email account you.

    (Whatever it is stressing the URGENCY [must confirm within 24 hours], with a THREAT of blocking/deactivate your account if you do not respect... is a suspect publiciaire here).

    (1) * NOT * click on their link.   Just ignore it, and you should be fine.   [If, for any reason, you would like to contact yahoo, you should do so directly, through their homepage.]   But (as long as you do not click the bogus link), there is no need for you to do.

    (2) please immediately EDIT your post to remove the UPDATE link (or, if necessary, this whole post), so that no one else will find themselves trapped if they click on it.   We never want a direct link, BAD in these forums.

  • I get an error message about the virtual device Drivers__as said in the body - section add details below.

    SYSTEM\CurrentControlSet\Control\VirtualDeviceDrivers. VDD. format of pilot of virtual device in the registry is invalid. Choose 'Close' to terminate the application.

    You try to run an old MS-DOS program in Vista?

    "16-bit programs are not supported on 64 bit versions of Windows Vista or Windows 7."

    Some 16-bit DOS programs and the command prompt does not work in mode full screen in Windows Vista and Windows 7
    http://support.Microsoft.com/kb/926657

    If it is not something like the above, you may have to get clarification on what you try to do when you see this error message.

    http://www.Google.com.au/search?q=virtual+device+driver+format+in+the+registry+is+invalid&SourceID=IE7&RLS=com.Microsoft:-to the: IE-SearchBox & ie = & oe = & redir_esc = & ei = yCCMS_bsGoze7APkzKSzDQ

    How to troubleshoot a program that does not run as expected once it is installed on Windows Vista
    http://support.Microsoft.com/kb/931362/en-us

    Make older programs in this version of Windows
    http://windowshelp.Microsoft.com/Windows/en-us/help/bf416877-c83f-4476-a3da-8ec98dcf5f101033.mspx

    Windows Vista Compatibility Center
    http://www.Microsoft.com/Windows/compatibility/details.aspx

  • Why my button doesn't end up behind the images loaded xml?

    Hello
    I try an image gallery AS2 xml tutorial online (code attached). I also discovered how to add a button to the stage which takes the SWF movie in true full-screen (also attached code).

    But the problem is that the images of the xml are standing above the button so that the button cannot be seen or used. I would, of course, the button on the top of the loaded images of overlay.

    But I don't know how to do this. It is true that I am new to Flash. I thought that it would be fine to put the button on a new layer above the first layer with Gallery AS2 xml image code, but he did not.

    How can I specify that the button should be "always on top"?

    Thank you very much!

    / G

    You can assign names to your button instance (if they don't already have names) and use the method swapDepths() of movieclips to move your buttons above your images.  for example, if you all images have a depth of less than 1000000:

    Btn1.swapDepths (1000000);

    btn2.swapDepths (1000001);

    btn3.swapDepths (1000002);  etc.

  • Menu remains visible after you make the selection, and does not show Popupscreen

    Hey. Unable to get a (a gaugefield) on a Popupscreen progress bar to show. It is called from a menu. The user clicks a menu item, and a method is called. The method among other pushes a Popupscreen containing a Gaugefield on display battery-code below. Then, he starts a thread which downloads an image and using join() to wait for it complete (long story). Then, in the thread of events, it appears the Popupscreen.

    The menu does not disappear when you click on it in the Simulator (JDE 4.7, the Bold 9700 sim), but the download happens. Once the download is complete, the menu disappears, the Popupscreen is shown and he tried to pop() Popupscreen, causing an IllegalArgumentException.

    I tried to split the method into two methods, the download happened in the 2nd method, because I read the forum search that the UIEngine don't update the display until the method finishes (it runs in the event thread). But it made no difference...

    How can I get this menu to disappear immediately and the push (popup) to work?

    See you soon!

    Justin.

                            progressbar = new GaugeField("", 0, 100, 50, GaugeField.NO_TEXT);
                            progress = new PopupScreen(new FlowFieldManager()) { protected void OnDisplay() { super.onDisplay(); /*cancelButton.setFocus();*/  }  };
                            globalTiles.pushScreen(progress);
    
                            progress.add(new LabelField("Downloading (rest of) picture ..."));
                            progress.add(progressbar);
                            progress.setFocus();
    
                            if (!threadbg.isAlive()) {
                                       threadbg = new ThreadForBgDownload();
                                       threadbg.start();
                            }
                            else {
                                       // Show the progress bar, mostly complete (it is running and was in the bg). Game will start after last bit done
                            }
    
                            threadbg.join(); // Wait for download thread to complete and 'die'
    
                            globalTiles.popScreen(progress);
    

    Rule #1: all display updates should occur on the thread event or synchronized on the lock of the event.

    Rule #2: the thread of events (or now the lock of the event) should never be blocked by lengthy operations.

    The scenario you sketched out is usually handled like this: menu item run() method don't whatever immediate user interface updates are necessary and starts a worker thread. It does not wait until the thread ends before returning. (If so, updates the user interface include pushing a "Please wait" or progress pop up). The worker, at the same time, begins to do its stuff. When it's time to update the user interface (either because the task is completed or to view progress) the worker thread usually called invokeLater (Runnable) (a method in the Application class) where the executable run() method updates the user interface. If the worker thread must receive user input in his work, he can use invokeAndWait (Runnable), where the executable not all interactions of the user and stores the user entry somewhere so that the worker thread can grab after invokeAndWait() returns.

    Although the synchronization on event lock works perfectly well, it is more common for some reason any to invoke a Runnable, perhaps because the latter clearly encapsulates in a separate object the work to be done on the event thread.

    The above policy is the basis of the excellent Peter Strange example I linked to before.

  • When I right click on the desktop and get the menu drop down and go again, the 'Record' option is not available. How can I get that back?

    I tried to solve this problem with "Folder Options" in the control panel of Windows 7 but I did help and I "' reset all the original settings, which did not help either.

    I can't create new folders in any other folder either. Even the "New folder" option in the toolbar does not have what it is supposed to do, namely to create a new folder.

    You have installed chrome? It's looking like a recent update of chromium may be the cause. Here are two patches.

    How to remove and restore the default context Menu items 'New' in Windows 7 and Windows 8
    http://www.SevenForums.com/tutorials/28677-new-context-menu-remove-restore-default-menu-items.html

    If still no joy, see the 'response' by Linda Yan in this thread.
    http://social.technet.Microsoft.com/forums/en-us/w7itprogeneral/thread/97de8a2a-12f2-4381-A409-a78f4ae551cf/#99395761-56de-4a76-8C2A-eab498ad735a

    Tip: When you save the text in Notepad, the default file format is .txt. Replace all files.

  • SCP behind the ASA 5505 may not help ping an internet address,.

    There must be a problem of ACL configuration.  How to configure the ASA 5505 so that computers

    behind an internet can ping 4.2.2.2 such IP address or www.google.com.

    Thank you

    David

    If you have no ACLs on the external interface, please use the following command to allow ICMP through the ASA.

    fixup protocol icmp.

    So try and ping. Let me know if this helps.

    Also, please give us a little more in detail so that we can understand and help you better

    See you soon,.

    Nash.

  • The spectacle of widows and tabs from last time in the options section does not work. It does not save open tabs

    13 Firefox does not save the tabs open, as it is set up in the window for options.

    you might want to try to go to firefox > help > troubleshooting information > profile folder - display the folder and deleting all the files in this folder starting with sessionstore. Then, close the browser and after the next startup has chosen 'show widows and tabs from last time' and see if it works then...

  • I'm trying to fill a PDF form and in the phone section is not allowing me to enter more than 2 digits by field. Help!

    Troubleshoot.JPG

    In this case go to tools - prepare the form, right-click the field and select Properties, then Options.

    Look if the boxes 'Limit characters X' or 'Comb of characters X' is selected. If Yes, select not them, and then click OK.

    Leave the form editing mode, and then try again.

  • Horizontal submenu Spry hidden behind the image

    It's driving me crazy. I use Dreamweaver CS4. I created a menu bar horizontal just above the image. When I point to the item in main menu to submenu is hidden behind the image. I was not able to understand this an outy. I am very new to CSS and Dreamweaver. It is a model that I want to use my site as a whole. You can go http://www.gray-wolf.net/MainPages.html.

    @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;
    list-style-type: none;
    font-size: 100%;
    cursor: auto;
    width: 800px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #008080;
    height: 40px;
    float: left;
    top: 100px
    }
    /* 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: 8em;
    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: 8.2em;
    }
    /* 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;
    }
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    {
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #333;
    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: #33C;
    color: #FFF;
    width: auto;
    }
    /* 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: #33C;
    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(SpryMenuBarDown.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(SpryMenuBarDownHover.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;
    float: left;
    background: #FFF;
    }
    }

    The reason is simple.  Your #nav div has z-index 3. Your div #image Wolf also has z-index 3.  Because the #nav div is taken before the div of Wolf, it's on the page under the div of Wolf, and is where the submenus are too.  But wait, you say?  The submenus have a z-index of 1020, you say?  Ahh - but it's part of a z-index of parent of 3.  The z-index of 1020 is only in the context of this relative z-index 3, not the entire page.

    To resolve this problem, give the #nav div a z-index of 4.  You will now see...

Maybe you are looking for