Hi there,

I'm having some issues with a dhtml menu I am building. Picture 4 images as
links. When you mouse over the button images, it is meant to bring up an image
of a menu above the button. When you move to the next button, onMouseover the
menu above that one appears, and the one before disappears. Fairly straight
forward stuff I would have thought, but for the life of me I can't get it to
work.

This is what I managed to do.

Put a behaviour on the button images which works on mouseover. I put a
shim/spacer.gif and did a simple swap image. So I am swapping the spacer image
for the menu image and so on.

It works perfectly, except for one major issue. I can't actually append
hotspots to the menu images when they come up - because they are only swopped
into the page, and dreamweaver doesn't allow me access to them. So in essence I
have this funky looking perfectly working dhtml menu, yet there are no links on
the menu items...so all it does is look good.

I can already hear you all roaring: "Why are you using an image of the menu?"
Well I managed to optimise the gifs down to tiny size, so I figured it would be
ok. It's just a site for me and my future wife, we don't expect commercial use
from it ;)

Ok, so that was phase 1.

Phase 2...I decided to try a show/hide layer mission.

Again, all works perfectly, onMouseover of the button, show and hide the
appropriate layers. Works great. One major issue. As I resize my browser
window, it throws the menu layers out completely - and they are all over the
page! I have checked, and the positioning is absolute...what should this
setting be to have them sit exactly where I want them, I.e: moving with the
rest of the page so it keeps it looking pretty.

<div id="couplebox" style="position:absolute; left:10px; top:20px;
width:140px; height:107px; z-index:1; visibility: hidden;"><img
src="images/thecouple_box.gif" width="140" height="107"></div>


Any help greatly appreciated.

Rhythm