After you create a basic menu and optional submenus, you can format the text, apply graphic styles to the Over and Up states, and select vertical or horizontal orientation in the Appearance tab of the Pop-up Menu Editor.

This is a picture of the feature being described.

To set the orientation of a pop-up menu:

  1. With the desired pop-up menu open in the Pop-up Menu Editor, click the Appearance tab.

    For information on opening an existing pop-up menu in the Pop-up Menu Editor, see Editing pop-up menus.

  2. Select Vertical or Horizontal from the Orientation pop-up menu.

To set whether a pop-up menu is HTML- or image-based:

  1. With the desired pop-up menu open in the Pop-up Menu Editor, click the Appearance tab.

    For information on opening an existing pop-up menu in the Pop-up Menu Editor, see Editing pop-up menus.

  2. Select a Cells option:

    HTML sets the menu's appearance using HTML code only. This setting produces pages with smaller file sizes.

    Image gives you a selection of graphic image styles to use as the cell background. This setting produces pages with larger file sizes.

    NOTE

    You can add to this selection of styles by creating custom pop-up menu styles. For more information, see Adding pop-up menu styles.

To format text in the current pop-up menu:

  1. With the desired pop-up menu open in the Pop-up Menu Editor, click the Appearance tab.

    For information on opening an existing pop-up menu in the Pop-up Menu Editor, see Editing pop-up menus.

  2. Select a preset size from the Size pop-up menu or enter a value in the Size text box.

    NOTE

    When cell width and height are set to Automatic in the Advanced tab of the Pop-up Menu Editor, text size determines the size of graphics associated with the menu item.

  3. Select a system font group from the Font pop-up menu or enter the name of a custom font.

    NOTE

    Be careful when selecting a font. If users who will view your web page don't have the font you select installed on their system, a replacement font will be displayed in their web browser.

  4. Optionally, click a text style button to apply a bold or italic style.
  5. Click a justification button to align text to the left or right or center it.
  6. Select a text color from the Text Color box.

To set the appearance of the menu cells:

  1. With the desired pop-up menu open in the Pop-up Menu Editor, click the Appearance tab.

    For information on opening an existing pop-up menu in the Pop-up Menu Editor, see Editing pop-up menus.

  2. Select the text and cell colors for each state.
  3. If Image is selected as the cell type, select a graphical style for each state.
  4. Do one of the following:
    • Click Next to move to the Advanced tab or select another tab to continue building the pop-up menu.
    • Click Done to close the Pop-up Menu Editor.

    In the workspace, the hotspot or slice on which you built the pop-up menu displays a blue behavior line attached to an outline of the top level of the pop-up menu.

    NOTE

    To view a pop-up menu, press F12 to preview it in a browser. The previews in the Fireworks workspace do not display pop-up menus.