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.
- Select the initiator of the pop-up menu in Dreamweaver.
- Switch to HTML code editing interface, the related code will become a highlight state.
- Find the following text in the relevant code:
"window. Fw_showmenu (window.fw_menu_#,#,#) "
- The last 2 digits represent the absolute position of the x and Y coordinates of the subordinate menu.
- Change these 2 numbers to where you want them to be.
- 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. |