Getting Started Guide
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.
How To's
How To documents are instructions, steps and details to help you achieve a specific objective using CSS Menu Writer.
Creating Dynamic Menus with CSS Menu Writer 2.0 (PDF)
How to center your Menu Writer menu on your page (PDF)
How to create an Administrative back-end (PDF)
Cross-browser compatibility with CSS Menu Writer menus (PDF)
Frequently Asked Questions
This FAQ helps answer some of the most common post sales questions regarding CSS Menu Writer. Each answer appears below its corresponding question.
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.
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.
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:
Related Articles and Tutorials
Using your SuCasa Design (PDF)
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.
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)
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)
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)
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)
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)
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)