Creating a CSS menu with CSS Menu Writer

CSS Menu Writer 2.0 is designed to allow you to quickly and easily create CSS-based navigation menus on your site. In addition, you have easy access to multiple interfaces for making any customization to your menu items or design.

The following sections detail the different interfaces within CSS Menu Writer.

Inserting a quick CSS Menu Writer menu

Using the primary CSS Menu Writer interface, you can create an attractive CSS menu for your site in one step.

Customizing menu items

Using the Edit Menu Structure interface you can add custom menu items, static or dynamic.

Modifying the menu design

Customize the theme and design of your menu navigation using the CSS Menu Writer 3-tab interface.
  • Box: The Box tab configures the width, height, margins, and padding for the menu components.
  • Type: The Type tab controls the text properties, as described below the figure, for multiple text classes available for each menu component.
  • Design: The Design tab configures the background and border properties for each menu level component


Accessing the Menu Writer interface

The following locations in Dreamweaver opens the CSS Menu Writer interface
  • WebAssist Insert panel
  • WebAssist > CSS Menu Writer...

Wizard Reentry

After creating your Menu Writer menu, you may want to reenter the wizard to make additional changes. To reenter the Wizard, follow these steps:
  • Click the Design button to enter Design view.
  • Select your Menu Writer menu on your page.
  • From the Properties Inspector, click Edit Menu, Edit Contents or Edit Theme.


Note: If you working with HTML pages, Dreamweaver must have Scripts set to display under Invisible Elements. You will then select the script icon beside your menu to display the CSS Menu Writer Properties inspector.
  • Edit > Preferences.
  • Select Invisible Elements from the Category column.
  • Make sure Scripts is checked.
  • Click OK.