Fireworks pop-up Menu Relative positioning method

Menu usually when we export a pop-up menu from fireworks to Dreamweaver, the pop-up menu position is absolutely positioned exactly as it is in fireworks. When we need to place it in another location, we have to go back to fireworks and readjust his position throughout the page, which is cumbersome to do over and over again. In fact, we can use the relative positioning in Dreamweaver convenient to place the Pull-down menu anywhere on the page, the process is relatively simple.
On how to make pop-up menus in fireworks and how to export pop-up menus as HTML files, I'm not going to go into the details here, let's take a look at the effects of the pop-up menu I made in Dreamweaver, as shown below:

We can see that this menu is on the top left of the page, so let's change it to center alignment.
1, first we need to create a new blank page, in the middle of the page to create a two-row table, table width and our pop-up menu is the same width, in this case our menu width is 500, and set the table pattern in alignment.
2, the next step we need to build a layer, the size and location of the random.
3. Position the cursor in this layer, click the Insert fireworks file in the object panel, insert our pop-up menu into this layer, as shown in the following image:

4. Drag the top left corner of the page with the mouse to drag it to the first cell of the table, as shown in the figure:

5, the result of dragging the following figure:

6, next we need to modify the source code, this step is the most critical step. Open the Code window and locate the layer's location statement in the following figure.

Will <style= "Position:absolute; left:85px; top:75px; width:226px; height:143px; Z-index:1 "> Modified to: <style=" position:relative; left:0px; top:0px; width:500px; height:143px; Z-index:1 ">
7, after the modified page as shown in the following image:

8, our work is basically finished, save the HTML document, and preview in the browser, the final results are as follows:

We can see that the Center-Aligned navigation menu works fine. The following illustration is another example:

9, from the above results we can see that the use of this method we can more casually place the menu in the various locations of the page, and the menu is relative positioning, not with the browser resolution and size changes. For a few examples of the pages described in this article, see the links below:
　　 pop-up menu source HTML file 　　 pop-up menu Relative positioning example one 　　 pop-up menu Relative positioning example two