On Sale - Super Suite 44% off - Click here to learn more
CSS Menu Writer
CSS Menu Writer

Product Overview

Feature Tour

All WebAssist products receive professional, top-of-the-line support from a number of resources. CSS Menu Writer includes a full online help system, available directly from within Dreamweaver. Additional resources are available below:

Getting Started Guide

This Getting Started Guide provides basic instructions for using CSS Menu Writer. Also available are the Getting Started Guides for any Suites that contain this extension.

CSS Menu Writer (PDF)

CSS Design Suite (PDF)

Essential Suite (PDF)

Super Suite (PDF)

How To's

Frequently Asked Questions

Click on a question below to reveal its answer.

This FAQ helps answer some of the most common post sales questions regarding CSS Menu Writer. Each answer appears below its corresponding question.

(expand all | collapse all)

Why does the Edit button not display in the Properties Inspector?

In order to get the Edit button to display in Dreamweaver, you will need to check two settings.

  1. In Dreamweaver click on Edit->Preferences and select Invisible Elements, and make sure the Scripts check box is checked.
  2. In Dreamweaver, under View->Visual Aids, make sure that Invisible Elements is checked.

Can I modify a menu that was created in CSS Menu Writer?

Yes.  CSS Menu Writer lets you reenter the wizard to make modifications to the menu.  To reenter the wizard, make sure you have the Properties inspector open in Dreamweaver (Window > Properties), and then select your menu (HTML users select the Script icon beside your menu).  After placing your cursor on the menu, an Edit button will be displayed in the Properties inspector.  Clicking the Edit button will launch the CSS Menu Writer wizard where you can make modifications to your current selected menu.

How can I apply a menu to multiple pages on my site?

There are two ways to apply a menu to other pages. 

  1. You can add your menu to a non-editable region of a Dreamweaver template, and apply that template to other pages.
  2. You can copy and paste the code that is generated by CSS Menu Writer.  When copying and pasting, you will need to copy the JavaScript, CSS and the IE conditional code which is generated between the <head></head> tags.

    Also, you will need to copy the menu.  If you are using an HTML page, then you will need to copy the entire HTML menu, with PHP the menu include looks something like this:

    <?php require_once("CSSMenuWriter/cssmw/menu.php"); ?>

Why is my menu displaying text only when I preview in the browser?

When a menu is displaying text only, it means that you have not uploaded the CSSMenuWriter folder.  When a menu is created, a CSSMenuWriter folder is created that will need to be uploaded to the server as well.

Why does the menu display as text only in the preview engine?

The preview engine uses the default Internet Explorer browser to render the preview.  If you have Internet Explorer 6.0 or lower installed, you will need to upgrade to Internet Explorer 7.0 or higher.  This is because IE 6.0 is not compatible with some of the CSS properties that are applied to the menu.  This is also why there is a menu_ie.css file generated specifically for use with IE browsers. 

Why is there a reference to a javascript file in my CSS-based menu?

The following reference to a javascript file is inserted whenever you insert a CSS Menu Writer menu to your page:

<script type="text/javascript" src="CSSMenuWriter/cssmw/menu.js"></script>

This file is necessary in order for your menu to display properly in older versions of Internet Explorer. In particular, various hover states that may be applied to your menu will not appear in Internet Explorer 6 without this file. Despite this, your menu is still completely CSS-based, and no functionality is changed by the javascript file.

How can I get my menu to display over my Flash (.swf) movie?

In order to ensure that your Flash movie does not display over all other elements on the page, you need to apply the wmode="transparent" parameter to the <embed> reference for the swf file.

e.g.: <embed src="myflashmovie.swf" wmode="transparent">

View the following link for more information: http://kb2.adobe.com/cps/155/tn_15523.html

In Internet Explorer 7, my menu shows as text without any styling.

This commonly occurs when your CSS Menu Writer menu was inserted to a page that was not initially created by Dreamweaver.

To resolve this, you need to add the <DOCTYPE> tag as the first HTML reference on your page. Follow these steps to correctly apply this to your page:

  1. With your page open in Dreamweaver, choose Modify > Page Properties
  2. Choose the Title/Encoding category.
  3. From the Document Type (DTD) menu, choose HTML 4.01 Transitional.
  4. Click OK.

Related Articles and Tutorials

Using your SuCasa Design (PDF)

Roadmaps

Roadmaps that are related to a specific product are included in this section of the product's support page.

Click here to learn more about Roadmaps or to view all Roadmaps.

CSS: The How and the Why (PDF)

General TechNotes

Archived Documentation

This section includes relevant documentation that was provided for previous versions of CSS Menu Writer.

Built-in Help (CSS Menu Writer 1.x)

Getting Started Guide (1.0) (PDF)

Web Designer Suite Getting Started Guide (PDF)

Solution Recipes

Using CSS Menu Writer 1 with DataAssist

Printable Version (PDF)

Introduction (Interactive Tutorial)

Inserting a CSS Menu Writer Menu (Interactive Tutorial)

Creating a Dreamweaver Template (Interactive Tutorial)

Generating DataAssist Pages (Interactive Tutorial)

Modifying the CSS Menu Writer menu (Interactive Tutorial)

Creating a repeat region (Interactive Tutorial)

Testing (Interactive Tutorial)

Using CSS Menu Writer 1 with a CSS Sculptor layout

Printable Version (PDF)

Running Eric Meyer's CSS Sculptor (Interactive Tutorial)

Creating a CSS Menu Writer Menu (Interactive Tutorial)

Reentering the CSS Menu Writer Wizard (Interactive Tutorial)

Customizing your CSS Menu Writer Menu (Interactive Tutorial)

Modifying your menu with the DW CSS Styles Panel (Interactive Tutorial)

Customizing CSS Menu Writer 1 menus

Printable Version (PDF)

Introduction (Interactive Tutorial)

Slicing the Fireworks Images (Interactive Tutorial)

Changing the Design to use custom button images (Interactive Tutorial)

Modifying the Menu Writer menu background image (Interactive Tutorial)

Customizing CSS Menu Writer 1 sub menu items

Printable Version (PDF)

Introduction (Interactive Tutorial)

Slicing the Fireworks Images (Interactive Tutorial)

Customizing your sub-level menu items (Interactive Tutorial)

Modifying the Menu Writer menu background image (Interactive Tutorial)

Using CSS sliding door technique

Printable Version (PDF)

Introduction (Interactive Tutorial)

Slicing Images in Fireworks (Interactive Tutorial)

Inserting images in Menu Writer (Interactive Tutorial)

Changing the top navigation background div element (Interactive Tutorial)

My WebAssist

Support Forum

My Downloads

Upgrade Center

Submit An Idea!

Submit Idea