How to modify the location of the fireworks pop-up menu

Source: Internet
Author: User
Tags html page modify relative reset dreamweaver
Menu
How to modify the location of the fireworks pop-up menu

Source of information:MacromediaTop TechNotes
Full-text compilation:Spikal

Most of the time, when you import a pop-up menu made in Fireworks4 into a preview of an HTML file, you'll find that the menu doesn't appear as you want.

Cause of the error
    • changed the position of the trigger device .
      The placement of the pop-up menu (hot Zone, button, or linked picture, and so on) in the Dreamweaver page differs from the location in the fireworks canvas.
    • Browser left side
      The Margins property of the page is not set to "0".
    • relative positioning of initiator device
      The trigger device is not absolutely positioned.
The following will give a solution based on the different error reasons above.

reason one: the absolute position change of the trigger device

When fireworks prints a file with a pop-up menu, a JavaScript file is created (fw_ Menu.js), which gives the location of the subordinate menu, this position is positioned based on the absolute image of the subordinate menu from the left and top of the canvas, and this absolute positioning is also taken to the HTML page, so when you change the position of the initiator in the Dreamweawer, the subordinate menu will still appear in the original position without following it. Device changes.

If you still don't understand, let's take a look at a trigger location change instance:

1 developers created a raise device (button) and its subordinate menu in the fireworks canvas. Please note that the buttons and menus are positioned separately.


The developer then inserts the generated Fireworks HTML code into the Dreamweaver (insert->interactive images->fireworks html), However, the position of the button on the Dreamweaver page is not placed in the same position as the fireworks canvas, but it is 100 pixels from the left and top of the page, although the position of the button changes, but the position of the subordinate menu does not change.


Solution One: Reset the position of the subordinate menu in the HTML code

You can modify the location of the subordinate menu by modifying the HTML code.

    1. Select the initiator of the pop-up menu in Dreamweaver.
    2. Switch to HTML code editing interface, the related code will become a highlight state.
    3. Find the following text in the relevant code:
      "window. Fw_showmenu (window.fw_menu_#,#,#) "
    4. The last 2 digits represent the absolute position of the x and Y coordinates of the subordinate menu.
    5. Change these 2 numbers to where you want them to be.
    6. Preview after saving.
reason two: browser left side

If the browser left side is not set to "0", will likely cause the subordinate menu is not accurate positioning.

solution Two: Reset browser margins value

Set the margins value of this page to "0".

reason three: The relative positioning of the trigger device

Because the pop-up menu is absolutely positioned, the relative positioning of the trigger device may make the final effect look different at various resolutions, resulting in deviations at certain resolutions.

solution three: Stable trigger device

Make sure that the trigger device does not change with the pixels on the left and top of the window, using left-aligned typography, and do not use a center-aligned approach.
Copyright Disclaimer: Traditional Media prohibited reprint, commercial website reprint please contact, personal website reproduced please indicate the source, thank you


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.