Pop-up Menu positions in Layers

Posted on 2006-06-05
Last Modified: 2013-11-28
I am designing a web page using both Dreamweaver and Fireworks. I have created a sidebar menu in Fireworks with Pop-up menus for my buttons. While in Fireworks eveything works perfectly when previewed in my browser, however after importing the file into Dreamweaver my pop-up menus are incorrect. I would like to be able to place my sidebar menu into a layer in Dreamweaver. I have imported the same Fireworks sidebar menu into Dreamweaver without putting it into a layer and it works, however for design purposes it would be better for me to have the sidebar in a separate layer. It seems as thought something is getting lost once it is placed in a layer. When the file is imported into the layer my pop-up menus are there they are just in the wrong position. Instead of being directly to the right of the button when rolled-over, they are about 2 or 3 button widths down the page. Please let me know if you have any suggestions as to what the problem might be??

Thanks so much,
Designer Dame
Question by:huggins_design
    LVL 25

    Expert Comment

    It sounds like the javascript that Fireworks is constructing to make the menu appear does not account for the fact that the menu is now in a layer.  Generally, you have to access the menu layer VIA the container layer to refer to it correctly - in a hierarchical approach.  This won't be happening because the container layer doesn't exist in Fireworks.  

    If you can post a link to the page then I can have a look...
    LVL 3

    Expert Comment

    I have seen this before, it is possible your Javascript is being segregated check closely to ensure the integrity of your functions.

    Author Comment

    Ok here is a link to a test page for you look at what the problem is...
    I can get the pop-up menus to work with some tweeking but even then if I make a change to my top banner the pop-up menus on the side completely disappear...
    Please help!!!
    LVL 25

    Accepted Solution

    Whoa, that code is seriously complicated.  I'm not sure if you've done it on purpose to remove what you don't want us to see, but there's a lot of stuff that I don't think browsers would interpret well.  The code also seems to be over complex with regards to what it does.  You won't like this, but for a (MUCH) more efficient page that loads quicker and is easier to work with, strip out ALL the scripting code and take a look at this free piece of javascript -

    It can be customised to match your existing colour scheme.
    LVL 3

    Expert Comment

    I agree with Rouchie - a little overkill for your objective I believe.
    LVL 25

    Expert Comment

    Agree with recommendation, unless huggins_design says otherwise.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Top 6 Sources for Identifying Threat Actor TTPs

    Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

    Suggested Solutions

    Title # Comments Views Activity
    SEO and Unique Article Content 4 54
    Best place to leave a rating 4 77
    SEO Help. 4 51
    CS6 Adobe Dreamweaver Alphanumeric list 4 27
    Read about how to approach blogging and about ways to do it right. Stand out from the crowd and let your knowledge be consumed by a large audience. This article aims to explain how your blog should look like,  the most important things to do while b…
    Before we dive into the marketing strategies involved with creating an effective homepage, it’s crucial that EE members know what a homepage is. In essence, a homepage is the introductory, or default page, of a website that typically highlights the …
    Use Wufoo, an online form creation tool, to make powerful forms. Learn how to selectively show certain fields based on user input using rules to gather relevant information and data from your forms. The rules feature provides you with an opportunity…
    Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

    759 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    13 Experts available now in Live!

    Get 1:1 Help Now