Drop-down menu not covering not of side Navigation Menu

Hello

I have a page with a top navigation bar that includes menus and a side navigation bar.  The problem I have is that the drop-down menus aren't covering on the side menu, but seem to be merging with it on the same level.

If you look at my page:

http://mymajesticwindow.com/testing/dhHighlights

Access the PRODUCTS and you can see what is happening.  Any ideas as to why this happens?  Not sure if this is a problem CSS or HTML, that's why I have included both below.

<! doctype html >

< html >

< head >

< meta charset = "utf-8" >

< title > Majestic Windows < /title >

< link href = "css/majesticStyles.css" rel = "stylesheet" type = "text/css" > "

< link href = "css/topNav.css" rel = "stylesheet" type = "text/css" > "

< link href = "css/sideNav.css" rel = "stylesheet" type = "text/css" > "

< link rel = "shortcut icon" href = "favicon.png" / > "

< / head >

< body >

<? PHP include("includes/header.php");? >

<? PHP include("includes/topNav.php");? >

< div id = "content" >

<? PHP include("includes/sidebarDH.php");? >

< div id = "contentRight" >

< div id = "bodyCopy" >

Majestic Signature Series < h1 > < br >

Windows in vinyl & amp; Doors < / h1 >

< h5 > < / h5 >

< h2 > designed to express the way you live your life, from the majestic windows can help you create a home that is as unique as you are. There are several reasons to replace your old windows with vinyl ones and majestic windows make it easy. < / h2 >

< h5 > < / h5 >

< h2 > our Vinyl Windows are strong, durable, efficient energy and all are designed to performance, the beauty and reliability.

< h5 > < / h5 >

< / h2 >

< h2 > choose from a variety of sizes and styles, including hung, (beating) crank, awning, Bay, BOW and Bay Windows. < / h2 >

< / div > <! - bodyCopy - >

< div id = 'beautyShot' >

"< img src="images/index/indexBeauty.jpg "width ="380"height ="373"alt ="Beauty Shot">

< / div > <! - beautyShot - >

< / div > <! - contentRight - >

< div id = "indexBodyBottom" >

< div id = "dealerButton" >

< a href = 'dealer' > < / a >

< / div > <! - dealerButton - >

< div id = "litDownloadText" >

< strong > < a href = "literature" > download majestic < /a > < / strong > < / div > <! - litDownloadText - >

< div id = "litImage" > < a href = 'literature' > < / a >

< / div > <! - litImage - >

< / div > <! - indexBodyBottom - >

< / div > <! - content - >

<? PHP include("includes/footer.php");? >

< / body >

< / html >

CSS visibility:

/ * menu bar main * /.

UL, #menu {}

margin: 0;

padding: 0;

}

/ * submenu2 not appear at the first level of the mouse * /.

#menu li: hover ul ul {}

display: none;

}

/ * main * /.

UL, #menu li {}

list-style-type: none; / * no bullets * /.

float: left; / * horizontal guard * /.

position: relative; / * Watch online * /.

}

/ * Links main menu not over * /.

UL, #menu li a {}

color: #FFFFFF;

display: block;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

line-height: 28px;

padding: 5px;

text-align: center;

text-decoration: none;

}

/ individual components of submenu * /.

UL UL.sub-menu, #menu li {}

background-color: rgba (52, 85, 56, 0.9);

border-top: 1px solid #FFFFFF;

list-style-type: none;

float: none; / * keep even the blocks * /.

}

/ * set submenu * /.

UL, #menu li ul.sub-menu {}

display: none;

left:-20px;

position: absolute; / * prevents toward the low content of menu - will it * /.

top: 38px;

Width: 165px;

}

/ * submenu links was not hovering * /.

UL, #menu li ul.sub-menu li a {}

line-height: 19px;

padding: 10px;

}

/ * Displays the submenu hover * /.

UL, li: hover {} ul.sub-menu #menu

display: block;

}

/ * links * /.

UL, #menu li a: hover {}

color: #CCCCB4;

-webkit-transition: color 200ms facilitated;

-moz-transition: color 200ms facilitated;

-ms-transition: color 200ms facilitated;

-o - transition: color 200ms facilitated;

transition: color 200ms facilitated;

}

/ * all submenu2 block * /.

UL UL.sub-menu, #menu li ul.sub - menu2 {}

left: 126px;

position: absolute;

text-align: center;

top: 0;

Width: 165px;

}

/ * poster submenu2 hover * /.

UL, #menu ul.sub-menu li: hover ul.sub - menu2 {}

display: block;

}

sideNav CSS:


{#sidebarGrad}

Width: 245px;

height: 497px;

Background: rgb (134, 100, 63);

background:-moz - gradient linear (270deg, rgb (134, 100, 63) 30%, rgb (184, 159, 125) 100%);

background:-webkit - gradient linear (270deg, rgb (134, 100, 63) 30%, rgb (184, 159, 125) 100%);

background:-o - gradient linear (270deg, rgb (134, 100, 63) 30%, rgb (184, 159, 125) 100%);

background:-ms - gradient linear (270deg, rgb (134, 100, 63) 30%, rgb (184, 159, 125) 100%);

background:-gradient linear (0deg, rgb (134, 100, 63) 30%, rgb (184, 159, 125) 100%);

}

UL #menuSide {}

padding-top: 43px;

padding-left: 0;

right margin: 32px;

margin left: 32px;

margin-top: 0;

list-style: none;

position: relative;

}

UL li {} #menuSide

do-family: Arial, Helvetica, without serif.

font size: 15px;

color: #F5F5EC;

height: 37px;

line-height: 37px;

text-align: right;

}

#menuSide li UL a {}

do-family: Arial, Helvetica, without serif.

font size: 15px;

color: #F5F5EC;

display: block;

padding-right: 20px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #F5F5EC;

}

UL #menuSide li a: hover {}

color: #A21029;

border-bottom-color: #A21029;

text-decoration: none;

-webkit-transition: color 300ms facilitated;

-moz-transition: color 300ms facilitated;

-ms-transition: color 300ms facilitated;

-o - transition: color 300ms facilitated;

transition: color 300ms facilitated;

}

I found my own answer to this one.  I did some more research and added the z-index: 9999; ul, #menu li ul.sub-menu to the property.  Worked perfectly!

Tags: Dreamweaver

Similar Questions

  • Do not show in the drop-down menu bookmarks

    I want my bookmarks to display in the drop-down list only in the sidebar that I don't want to use

    Is that the drop-down menu that shows if you click view your bookmarks' button next to the button star bookmarks in the Navigation toolbar?

    Note that when you to bookmark a page by clicking on the star, then the new bookmarks is created in the unsorted folder.
    The unsorted folder does not show in the drop-down list.
    You can click on the underlined blue stars another moment to change the bookmark and move it to another folder.

  • The drop down menu boxes that appear under the heading of Firefox do not fill. A form of box on the screen, but it is empty. Given zero no has not solved the problem.

    The file, editing, display and help tabs that were on the previous version of FireFox Menu bar top are apparently incorporated into the "FireFox" drop-down box in the latest version of the browser. I was unable to open those tabs earlier, so by the recommendation of the Support Forum, I have Firefox on my laptop. Now not only the tabs above are missing after this reset, but the drop down menu does not open in any submenus. What I see now is a box on the surrounded black screen, but sub menu selections such as save as, print, copy etc are not shown in the box. This is why the Navigator is not functional in its current state.
    Does anyone have a fix for this problem that will not delete my favorites and other content stored on Firefox? Please save me to return to Internet Explorer.
    AJJC

    Try disabling hardware acceleration in Firefox.

  • Why have I not drop down menu firefox?

    When I installed the latest version of firfox in file change see history bookmarks tools and help in a drop down menu that it does not appear there each other instead of the drop down shows just how do?

    Right click near the top of the browser (for the address bar), and then uncheck the Menu bar on the shortcut menu.

  • Unable to connect any device bluetooth on my windows vista, go to bluetooth devices but the drop down menu will not drop

    Original title: mouse bluetooyh
    Unable to connect any bluetooth devices on my computer windows vista, go to bluetooth devices but the drop down menu will not drop iam so unable to connect any bluetooth. any suggestions

    Hello

    read these tutorials on how to set up bluetooth

    http://www.vista4beginners.com/how-to-setup-a-Bluetooth-connection

    http://Windows.Microsoft.com/en-us/Windows-Vista/set-up-a-Bluetooth-enabled-device

    Here are solutions to some common problems with Bluetooth devices.

    You can also try a convenience store for diagnose and fix common problems with equipment and devices running.

    http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-problems-with-Bluetooth-enabled-devices

    f the foregoing does not fix it contact the manufacturer of the device

  • Drop-down menu is not expanding

    Hello

    I created a drop down menu in a qml Page (inside a container), but it is not workin: when I tap on it, it does not extend. The code is below

    Container {
    minHeight: 720
    layout: StackLayout {
    }
    onCreationCompleted: {
    scrollView.requestFocus();
    }
    
    DropDown {
    title: "Push button on the"
    enabled: true Option {
    id: centerOption
    text: "Center"
    value: 1
    }
    Option {
    id: rightOption
    text: "Right"
    value: 2
    }
    }
    
    }
    

    I found the solution. I'm accidentally requestFocus() baseobject another and so the menu drop-down is unlikely to expand.

  • Drop-down menu SENDTO does not contain the same list as in the SENDTO folder in the User\Appdata\microsoft\windows\sendto folder.

    Prior to Win7 and Vista (seems to have the same problem), make a right click on a file would produce a drop down menu containing SENDTO containing various options like send this Word file, or write or Adobe or desktop (make a shortcut).  Other options of destination could be added by finding and opening the SENDTO folder and dragging shortcuts in there.  These added destinations would appear then in the menu drop down click the right button.  The feature doesn't seem to work in Win7.  The SENDTO drop contains the locations that are not in the SENDTO folder.  I've renamed the SENDTO folder to see what would happen.  Always in the same places appear in the menu dropdown.  It seems that Win7 has a situation he's going to other than the SENDTO folder.  Interestingly, I can add some program shortcuts in the SENDTO folder and they will appear in the drop-down list, others do not like the trash.  There are items in the drop-down menu are not in the SENDTO folder.  Help Help

    Click on the round of Windows (start), type shell: sendto and hit enter, add or remove shortcuts. Is it now behave properly?

    I forgot to post the location of SendTo folder, it's C:\Users\UserName\AppData\Roaming\Microsoft\Windows\SendTo

  • Drop-down menu does not when the navigation bar collapses for mobile devices

    My menu drop-down does not work correctly when the navigation bar collapses on mobile devices. The menu, but it's completely to the left, not right where I like it and hidden under a picture so that none of the links are accessible. The site is http://www.medicinedancecounseling.com.

    Index-Z = stacking order.  So even if you make menu items at the top, they mask your portrait in a most flattering way.

    Nancy O.

  • Ajatix CSS Drop Down Menu not starting on Dreamweaver CC 2015

    Hi, just installed Dreamweaver CC 2015, I downloaded CSS Drop Down Menu 4 light Dreamweaver Extension v4.1.1. When I'm in Dreamweaver and go the Insert menu->-> CSS Drop Down Menu 4 light Dreamweaver Extension v4.1.1 Ajatix nothing hapenned. Ajatix plug-in does not start...  He used to work on an earlier version of Dreamweaver, but no more. Note that I also installed Microsoft Windows 10 lately.  THX

    Always do a job in 2015 CC?

    If this isn't the case, you will need to contact the developer of plug-in to see if they have a newer version that works in 2015 from CC.

    Nancy O.

  • VMware Converter Standalone 5.5 does not display a Drop Down Menu for the Type of Destination

    Hi people,

    I try to use VMware Converter Standalone 5.5 for use with VMware Player and am not able to select the Type of Destination of my choice (I like to choose "VMware workstation" or another VMware virtual machine in the drop-down menu "Select the destination type").  Please see the image below where the combo box is not there at all.  Thanks for your help.  Hai

    converter-issue-image.png

    This isn't a bug, it is a limitation of the converter. It is stated in the documentation. Converter considers that any machine under tension like physics. It cannot convert powered on Linux machines to hosted (i.e. Workstation/Fusion) destinations.

    A solution would be to convert it to ESX and then convert the (from) power off the VM power to the workstation.

    HTH

    Plamen

  • MXF OP1a not no projection in the "Format" drop-down menu.  I can't export MXF files.

    MXF OP1a not no projection in the "Format" drop-down menu.  There is a category of MXF OP1a in presets browser, but it is not active.  I downloaded the XDCam MXF presets, but cannot import them because the encoder cannot be identified.  How can I get MXF or XDCam MXF Op1a appears in the Format drop-down menu so that I can import the presets and export code MXF files?  Thank you...

    Hi beating Bits,

    The only thing I want to do is to incorporate a CSC file into an XDCam

    within an MXF.  If you could help figure me out how to do it

    codec to export available in TEA (or Prime Minister), I would be grateful.

    This is not supported natively in SOUL CS6. I'm sorry. Updated SOUL CC for this feature.

    Thank you

    Kevin

  • I want a drop down menu where the parent element is not a link

    I have a drop down menu which is filled with links to pages that are related to a parent page. But I don't want the parent links.  People are confused (they tell me) if him hover over the title from the drop-down list that the parent is a link to a page as well. Is it possible to remove the link at a higher level? See www.danielvandekamp.com/retraite where I want to 'Een retirement doen' does not establish links. Any advise?

    Go to the page in the view plan, make a right click on it, look at the controls and feel liberated!

  • drop-down menu does not work any longer

    Even on this page by clicking on the drop-down menu bar under "Happened" below shows that the option for a fraction of a second.

    Try turning off hardware acceleration.

    • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.
  • Drop-down menu does not when the navigation bar collapses in rocker

    Hi all

    I use 3 "bootstrap" on the site below and I have some questions when the navigation bar collapses in rocking, as it seems to stop the drop down menus to work. When you tap or click the drop-down menus, the menu closes just, once again.

    Can someone tell me please on this?

    http://www.clockdoctors.co.UK/test/index.html

    I apologize to this topic. I didn't see that earlier post, I obviously had a blond moment.

    OK, so I think that I fixed it!

    I first tried to remove the script ' ' to see what would happen. Which translates to the stop of the page class 'scrolling' to work, but then allows the drop-down menu to work as it should, as you say.

    I then put this script, but removed this piece of code in the file "agency.js".

    Close the sensitive Menu on the Menu, click on item

    $('.navbar-effondrement_ul_li_a').click (function () {}

    $('.navbar-toggle:visible').click ();

    });

    and now it works fine!

  • Drop-down menu auto-remplit but will not be updated if you change the selection?

    Hi all

    I'm having a problem with the auto fill to a text field based on the selection in a drop-down list. While the script is running in the first case, if I go back and change my selection as result calculations be updated based on the new selection.

    I used the following script Auto Fill a field of text (called "stndwatt") based on the drop-down menu selection. The drop-down field is called "ProductLineOne":

    var v = this.getField("ProductLineOne").value;

    If (v == "3000K T10 (Tube) '") event.value = "21";

    else if (v == "4000K T10 (Tube) '") event.value = "21";

    else if (v == "5000K T10 (Tube) '") event.value = "21";

    else if (v == "6000K T10 (Tube) '") event.value = "21";

    else if (v == "HBZ (100W Bay)") event.value = "100";

    else if (v == "HBZ (150W Bay)") event.value = '150 ';

    else if (v == "HBZ (200W Bay)") event.value = "200";


    The text field ("stndwatt") is actually hidden and is only required to be part of other subsequent calculations - I don't know if this is a factor?


    If you can please advise what I can do to make the field to update when a new selection is made in the drop-down box, it would be much appreciated!

    I'm just a beginner so please keep this in mind

    Thank you!!!

    You must make sure that the field calculation order is correct. See

    as it is a calculated field that is used in other calculations, you should

    Make sure it is higher on the list compared to the fields that use its value

    for their own calculation, that is to say that its calculated before them.

    You can set this order in form editing mode, via the game of - other - jobs

    Field calculation order.

  • drop down menu to the right click is on the wrong side

    My cat likes to walk on my keyboard and it changes the settings, I can usually fixed. here recently when I right click my mouse the little drop-down menu will come down to the left side of the arrow, instead of the usual, on the right side. I can't figure out how to restore it. also im running windows 8

    My cat likes to walk on my keyboard and it changes the settings, I can usually fixed. here recently when I right click my mouse the little drop-down menu will come down to the left side of the arrow, instead of the usual, on the right side. I can't figure out how to restore it. also im running windows 8

    Hello

    Follow these steps.

    1. press the Windows key + R logo to bring up the run dialog box. In the Open box, copy and paste the following text line.

    Shell: {80F3F1D5-FECA-45F3-BC32-752C152E456E}

    Press OK.

    2. This will start the configuration of the Tablet PC settings dialog (even if you don't have a Tablet PC).

    3. Select the other tab.

    4. in the right-handed/left-handed section, place a check mark in the Left Handed option.

    5. click on OK.

    This should place the menus on the right side.

    Concerning

Maybe you are looking for

  • How to read the message on the right not on the bottom?

    I used to use outlook and message read on the right, in the Middle, and messageliste message shows right. Not sure that Thunderbird can do this and how to put in place. Looking forward to the professional response. Thank you.

  • Item that this shortcut refers has been changed or moved

    Can I install a game on my other laptop and even though it has all the icons it will give an error when I try to play "item that this shortcut refers has been changed or moved" when I know that it is not.  I am at a loss to know why. There was no upg

  • I need a disk to install W7

    W7 Pro X 64 bit, I have a valid product key. I tried to download, but it is so big that my satellite (Hughes) will not. How can I get a disk?

  • computer laptop VAIO keeps restarting

    I bought my computer laptop sony vaio (model SVF15318SNB windows 8TM) April 2014 but on the month of August I have encounter a problem even now the laptop itself keep restart displaying the vaio icon but after restart 5 times or less he launched litt

  • Vdirector and VM vapps

    Hi, I am new to vdirector and we are trying to run the application as a test / staging env for teams of pd. but we are not sure how best to supply our Oracle VM,whenever we create a new TIME with an oracle vm and we change the name of the oracle serv