CSS drop down menu problem... need help.

I designed a dropdown list with CSS.  It works perfectly in a vacuum (with nothing on the page but a header above it).

Why he drops down behind any verbiage or images of my page content?  How can I fix it?  There must be another CSS property which I am not aware.

Thank you... I'M DESPERATE!

Paula

PaulaDL wrote:

I designed a dropdown list with CSS.  It works perfectly in a vacuum (with nothing on the page but a header above it).

Why he drops down behind any verbiage or images of my page content?  How can I fix it?  There must be another CSS property which I am not aware.

Thank you... I'M DESPERATE!

Paula

This looks like a z-index issue. Give the container that the links of the menu drop are in a z-index:

Set it with css:

{#nameOfContainer}

z-index: 1000;

}

Tags: Dreamweaver

Similar Questions

  • 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.

  • Manipulation of Drop Down Menu problem

    Hi, I have a dropdown Menu code AS2 as follow, this code is applied to a buttonOne onstage and next picture in the buttonOne is the menu that * not stop(); to any image in the movie button.

    onClipEvent (enterFrame) { / / If the mouse IS on the menu... }


    If (this.hitTest (_root._xmouse, _root._ymouse, true)) { / / If the menu is NOT completely open }

    If (this ._currentframe < this ._totalframes) {}


    nextFrame();        / / go to the next section of the menu opening sequence

    }


    { } else { / / If the mouse is NOT on the menu }


    If (this ._currentframe > 1) { / / If the menu is NOT completely closed }


    prevFrame();               / / reading of the previous image in the menu opening sequence

    }

    }

    *on the image next, I a buttonUp and a film Text1, buttonUp code such as follow-up:

    {run}

    onEnterFrame = function () {}

    Text1._y-= 4 ;}    If Text1 would be upward when you press.

    }

    {We (Rollout)}

    delete this.onEnterFrame;

    }


    NOW *, what I need is to make the buttonOne to function as a press the button instead of the button Rollover and pressed, next image will remain on stage, even when the mouse away (I will apply a button close the window afterwards).

    My problem is now, can I change the first part of the code:

    {We (Press)}

    gotoAndStop (2);  or something like that

    }

    While put stop();  on the two images in the movie, but doing this would remove the functionality on

    onEnterFrame = function () {}

    Text1._y-= 4 ;}

    If Text1 move not at all if there is a stop(); applied to the current image. I tried some methods but none doesn't work, tried to look on the web, but all of the tutorials I found are all drop-down menu type rolling.

    problem solved... instead of apply the we (press) on the film, simply create another button and call stop here to resolve the issue

    (...)

    Thank you for reading

  • Drop-down menu problem

    Sorry to be a pain people but can someone tell me how to get the drop-down menu to review the slide show instead behind him please. I'm using CS5. The link below.

    http://www.sunridgegraphics.co.UK/just

    Your slideshow is a stacking higher than your menu order. Try to add to your CSS:

    {#fadeshow1}

    position: relative;

    {z - index:-1}

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • CSS Drop down menu; How to align the edge right of the menu drop down and the parent menu?

    Hi all

    I have a drop down menu that works well.

    The only change that I need to do is to have the right edge of the drop-down menu below to align with the right edge of the parent menu. When you hover over the menu, it currently "injects" down and to the right, with the left edges aligned.

    I want the menu to 'drop' down and to the left, so the straight edges are aligned.

    I tried fiddling with floats and absolute/relative positioning. I don't know what needs to be changed.

    You can provide any assistance is greatly appreciated! I learn through 'cut and paste', please go easy on any terminology you can use.

    Thank you!

    Here is my code:

    .chromestyle{
         width: 100%;
         font-weight: bold;
         float: left;
         height: 29px;
    }

    .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .chromestyle ul{
    border: 0px solid #BBB;
    width: 100%;
    background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
    padding: 4px 0;
    margin: 0;
    text-align: right; /*set value to "left", "center", or "right"*/
    }

    .chromestyle ul li{
    display: inline;
    }

    .chromestyle ul li a{
    color: #000000;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-left: 1px solid #DADADA;
    }

    .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
    background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
    }

    /* ######### Style for Drop Down Menu ######### */

    .dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #BBB; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    }


    .dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
    padding: 2px 5px;
    text-decoration: none;
    font-weight: bold;
    color: black;
    }

    * html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
    }

    .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #0000ff;
    color: #fff200;
    }

    How about this?

    http://ALT-Web.com/demos/right-aligned-CSS2-Horiz-drop-menu.shtml

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • bootstrap drop down menu problems help nancy

    bookoflife.org

    I can work drop-down fine when preview on c / / drive but when it goes live, online, it doesn't, and neither my native *.search no longer works? I have a file css but use a professional getElementById("deferred-styles"). (and google page development recognized as good, allows to load faster). all my stuff bootstrap is responsible and online on the index page. Once again, in c / / preview (my computer) works well, the drop down works well, but when I download and go live on the internet, NOTHING!

    but I can't understand how to treat links, because I used the bootstrap DW put in place so that the code is correct.

    Help: whaat might stop. OK, the page is here http://www.bookoflife.org

    the new dreamw updates, beautiful love.

    Michael

    1. Validate code & difficulty your mistakes.
      View the results of the http://www.bookoflife.org/ - Nu Html Checker
    2. Move Google to the bottom of your page - just above your closing tag.
    3. Download your js/Bootstrap and js/jQuery scripts on server.  They are 404 not found.

    Nancy O.

  • Drop Down Menu problems

    I'm having a problem with my menu drop-down. In the MUSE, it shows the fall down under the appropriate heading. On the online site, however, is when it starts to spoil. In this case, as you can see in the image below, it is my 'MEDIA' tab in the main menu. When you click on 'MEDIA', it shows the drop-down options; However, they are on the far left of the page. He place them just below the 'MEDIA '. You can see them under the logo. Any suggestions on how to fix this?

    Screen Shot 2015-12-13 at 10.45.34 PM.png

    Unfortunately I'm unable to open this file. It seems that you created this site using a pre-release version 2015.1.0.333.

    To any matter connected to the pre-release / I recommend this post on the forums of Muse pre-release. It is a best place to get help with version beta.

    https://SSO.museprerelease.com/signin.html

    Kind regards

    Vivek

  • Amazon looks weird, safe mode doesn't help-drop-down menu is no help

    Amazon page looks weird, straddles the stuff that some photos are not displayed. works fine with IE.
    Tried using the menu drop down and safe mode and options there do not correspond to the troubleshooting.

    You can try the following steps in case of problems with web pages:

    You can reload webpages and ignore the cache to refresh potentially stale or corrupt.

    • Hold down the SHIFT key and click the Reload button
    • Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
    • Press 'Command + shift + R' (Mac)

    Clear the cache and cookies only from Web sites that are causing problems.

    "Clear the Cache":

    • > Options/Preferences > advanced > network > content caching Web: 'clear now '.

    'Delete Cookies' sites causing problems:

    • > Options/Preferences > privacy > "Use the custom settings for history" > Cookies: "show the Cookies".

  • 3 - level interpolation Drop Down menu problem

    Hi all

    I created a drop-down list by using buttons and nested clips. ( The code is attached below)
    I have a clip container with the instance of "menu0". In "menu0" is another clip of film with the name of the instance of 'menu0Links', this clip contains buttons with the name of the instances of 'menu0_btn0', 'menu0_btn1' etc...

    Interpolation works well, but I tried to access the buttons with a statement inside an onRollOver function trace and received no message.

    Is there a way I can access the buttons after the lights effect Tween drop? Any answer would be great, thanks in advance!

    concerning

    javono
    www.javono.com


    // -------------------------- CODE -------------------------------//

    You can disable the property useHandCursor to your movieclip.

  • When exporting my image in LR I select my brand of water in the drop-down list. Then I need to select 'Edit watermark' since the same drop-down menu in order to replace it. When I do that and click 'done' the watermark disappears in the export me

    When exporting my image in LR I select my brand of water in the drop-down list. Then I need to select 'Edit watermark' since the same drop-down menu in order to replace it. When I do that and click 'done' the watermark disappears in the box menu to export. When I click on "Export" the image exports WITHOUT my watermark. Help, please. As I did about everything that has been suggested in this forum and I still have this problem.

    I saw that too. For now, the workaround is that if you select 'Edit watermark,' when you are done editing be sure to reselect the same watermark. If you do not, the watermark menu will be empty.

    It seems to be a known bug that occurs only in the current version. If all goes well, it can be fixed in the next update. There is a page for her on the Photoshop/Lightroom Feedback site. I've added my vote to the page:

    LIGHTROOM CC - watermark on the question of export

  • Drop Down Menu using CSS only

    Apex 3.2

    I created a drop down menu for my application by following this blog

    http://www.grassroots-Oracle.com/2013/05/CSS-pull-down-menu-using-Apex-list.html

    It works perfectly if my list has only one level, but I can't make it work for sub items.

    If I add a sub item to my list, then the whole menu displays incorrectly.

    Has anyone used this blog before

    I'll post on the blog, but it requires a google account, which I am not allowed to create

    Gus

    Hello Gus,

    Have you read the comment of ino?

    Thanks Scott, very useful.
    An update: it works if there are no submenus. For the same reason that you have described on the

      bug, you can edit the sublist with sublist elements to

    • #TEXT #.

        (extra

          at the end). Took me a while to understand why my submenus are not showing correctly, until I read your comment in the section 'Model sublist before lines'.

    It seems to me that that would solve your problem.

    Kind regards

    Kees Vlek

    -----

    Company: http://www.orcado.nl

    Blog: http://www.orcado.nl/blog/blogger/listings/69-kvlek

    Twitter: http://www.twitter.com/skier66

    + If the answer to question please change replied and mark the appropriate post as correct / helpful. +

  • Drop Down Menu, please help

    Hi again,

    I am facing another problem here when it comes to having three configurations (phone, Tablet and desktop). I have a menu on all three provisions that are supposed to have drop down to the bottom of the sub menus slide each menu button. Menu bar layout Office drop-down buttons work perfectly, but the menu for my Tablet and phone layouts do not display the drop-down menu when I move my mouse over it. Anyone would be able to tell me why it does not work for the phone and Tablet page layouts? I would appreciate help.

    I intend to publish the coding for the phone drop-down list below to make it easier for anyone here to help me. Is there a way I should go all this or should I just copy and paste the code into this text field? He's not at risk of be reused elsewhere, wouldn't?

    Hyde1216 wrote:

    But if I'm not supposed to use the links to my local computer,

    "" You set the root folder, i.e. ' DBwebsite ' of the site in the Site Manager, then

    When you go to the link to a file or image, DW knows how to write the link ie images/pic.jpg

    Always manually, you can correct the bad links anf in code view

    like changing

    @import url("file:///D|/Desktop/DBwebsite/templates/desktop.css")

    TO

    @import url("templates/desktop.css")

  • 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.

  • Drop-Down Menu help

    I have Dreamweaver CS3, which I've tried to teach me... I am very new to this. I've created a navigation bar that contains seven buttons flash to navigate to pages. So far so good! But for one of the buttons, I need to be able to have a drop down menu appears when we click on this button - this is where my problem comes in. Being so new to this, I know that there must be a fairly easy way to handle this, but I'm not understand. I tried to use a Spry menu bar, but completely eliminating my button flash... that did not work. I thought maybe I could use a snippet of vertical navigation, but I can't understand how to integrate it with the button "flash". Can someone give me some advice on what to do or try?

    > So far, so good!

    Not so fast. If you want to use Flash for navigation, consider this-

    1. some people not having Flash installed - what are doing?
    2. engines cannot parse links Flash - your site will not be
    spidered
    3. the display of the devices and accessories functional don't parse links Flash - which users will be
    do?
    4 DW cannot maintain links within a Flash movie, so if you move or rename
    a file linked, will break your navigation - what will do you? You will have
    to redo those buttons.

    It is generally a bad idea for these reasons and these reasons,
    Adobe has removed the buttons Flash and Flash text of the next version of
    Dreamweaver.

    I recommend you to take this approach and see the menu systems
    offered by http://www.projectseven.com/. I am not affiliated with them
    otherwise only by being VERY satisfied user. PopMenuMagic appears on most of
    the sites that I build. Their products and support are legendary.

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    ==================

    "Erie" wrote in message
    News:gedq9n$2D$1@forums. Macromedia.com...
    > I have Dreamweaver CS3, which I've tried to teach me... I am
    > extremely
    > new to the present. I've created a navigation bar that contains seven flash
    > buttons for navigating to pages. So far so good! But for one of the
    > buttons,.
    > I need to be able to have a drop down menu appears when this button is
    > clicked.
    > This is where my problem comes in. Being so new to this, I know it must
    > be a
    > pretty average easy to handle this, but I'm not understand. I tried
    > using a
    > Spry menu bar, but completely eliminating my flash button... which
    > has no
    > work. I thought maybe I could use a snippet of vertical navigation, but
    > I am
    > unable to understand how to integrate it with the button "flash". Peut
    > someone at - it
    > give me some advice on what to do or try?
    >

  • Problem: InDesign CC, I can't click any menu drop-down menu, or click in the fields

    Just installed and updated InDesign CC on win7 x 64. In the dialog boxes. If I want to click with the mouse to say on a drop down menu to change inches. Nothing happens. Also if I try to click in a field to type a value. nothing. Ditto for up or down arrows next to the frozen fields.completely value when it comes to mouse clicks.

    I can use the tab key to jump everywhere and of input values. But it is a deal killer for productivity. This problem is also on the tool bar if I want to change the font, size etc.

    Any advice?

    Max

    One of the reasons could be: you set the text size to 150% or more in Windows 7 display controls. Set it to 125% (control Panel\All Control Panel Items\Display) and it will begin to work... Boring, I know... but this is how it works.

Maybe you are looking for