Create expandable menus and accurately place them on the page for your visitors to use - its NOT that hard in GoLive once you understand a few basics.
In Adobe GoLive, open a new file (Control N), and in the "View" menu look for the "Palette" (Alt 2). We will use the following portions of the palette to create the layout for our Expandable Menus.
Click and Drag a "Layout Grid" from the Palette and place it directly on the page in the upper left corner. By default, the Layout Grid is set to 200 X 200 pixels with a 16 X 16 grid (why, I don't know, but you gotta start somewhere I guess). This is adjustable on the "Inspector" (Alt 1) under the "View" menu, and for this exercise I set the grid to 800 X 400 with a 2 X 2 grid. After the Inspector is open, just click on the grid to select it, and make your changes in the appropriate boxes of the Inspector. With the grid still selected, open the "Align" box on the bottom of the Inspector and select "Left".
You might be saying about now, "I don't want it on the left, I want it in the middle, or somewhere else."

Trust me, you want it on the left for floating boxes like this, because it doesn't matter where you put the grid, GoLive is going to assume that coordinate numbers 1,1 on the grid are in the upper left corner of the page! Why not just put the grid where GoLive assumes it is anyway, and then neither one of you is going to get confused.
Once in place, you can precisely position your graphics and floating boxes using the grid.
Drag this icon from the Palette and place it on the grid.
This put a table in this spot in the grid.
In the "Table Inspector" you can change the number of rows or columns in the table, or the Width (change to 800 pixels wide for example), reduce the border to "0" unless you like fat borders and change the Alignment to Left.
Drag this icon into the first cell of the table.
This graphic icon allows us to position normal images or photographs in the table. You really don't have to put your images into a table, but your probably going to have a caption or explanatory note anyway, so allow room for that with the table.
Here is the Image Inspector that you use to select your image. Browse to the file from here, or if you have a site created (more on this later) you can simply "Point and Shoot" from the little, curly-looking button under "Empty Reference". Notice that you can attach a "Link" to your image to send visitors to another page or another target on this page
OK, Jimbo, all that's great; I know how to put an image into a table - YEEHAW! Now, how about telling me what you said you would tell me; make one of those "navigational thingies".
Okay, here we go. I've placed a sample button in the table cell immediately above this one and attached an "Action" to it. Mouseover the sample to see this action. All we need to do this kind of effect is a "Button Image", a "Floating box" and an "Image Map" - sounds complicated, and this tutorial is way too long already, but we're almost finished.
Drag the Floating Box Icon from the palette to the proper location on your page. You can name the floating box by typing over the name "layer" that shows up on the Floating Box Inspector. Naming floating boxes is very useful if you have several different ones on a single page - it really helps to keep everything straight.
Drag a Graphic Icon from the palette and place it in your floating box!
Use the same Image Inspector that we used above to load an image in the floating box. The image can be like the ones I used on the 2Cool Page or something else - it's up to you.
Click on the image in the floating box and choose the "Map" tab of the Image Inspector. Notice that you can check the box that says "Use Map" and then use the tools - rectangle, circle, polygon - to define different areas of the image as Hot Links. I drew rectangles over each text area of my images and then entered the URLs to those sites in the appropriate box of the map tab on the image inspector. See figure at left.
Switch to the "CyberObjects" Palette and drag a "Button Image" into your table. The "Button Image Inspector" opens up (see below) , and you can "Browse" to your button image file. It doesn't really have to be a button image like this one - it can really be just about anything - we're just trying to make it behave like a button to achieve the effect we're after.
Here you can specify the "Main" button, an "Over" state, and a "Click" state for your button. All you are really doing is pointing to image files that you created in a graphics program like Photoshop 5.5 that you want your buttons to look like in those states - Main, Over and Clicked. The sample button above doesn't "rollover" like the buttons on the 2Cool Page do - I only selected the "Main" state. To do the rollovers on that 2Cool Page I just created two different buttons in Photoshop - see below.
See the subtle difference in these two?
Now, with the button image selected, click on the "Actions Tab" of the Inspector window.
Select an "Event" to trigger your action and then click the "+" button to insert an action. The "Action" button should now become active. Click the action button to open the list. There are dozens of options here, but for this tutorial you select the "Multimedia" option, and then choose "ShowHide". You are now presented with a box that allows you to choose the "floating box" and the "mode". In the figure below, notice that I chose, the layer named "sample" and the mode "show" to produce the earlier demonstration with the sample button.
Well, that's about it for the tutorial. You really should "Preload" these images with an "Action Headitem", but hey, I'll let the help pages of GoLive explain all that to you. I know that this covered a lot of ground, but I think it introduced several important areas about GoLive 4.0 that you will find useful. Let me know if you have any ideas for tutorials that you would like to see.