how to move drop down on pic to the left

[kam31uf]

This script is a drop down menu that works on click of the picture. The problem is that after I placed the code on the pics, it moved all the pics to the right.

How can I get the row of pics to move back to align with the left edge of the page?

Also Is there any way to get the drop down to drop a little lower than where it drops?

Thanks.

Kam

[Fang]

Move the images back left: remove align="center" from all menu cells

<td width="140" align="center" valign="middle">
<!----------Menu 2 starts here---------->

Drop the menu lower: change this code snippet

var VertDrop=38;
themenuStyle.left=ns6||ns4? e.pageX-e.layerX : themenuoffsetX+event.clientX-event.offsetX
themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19+VertDrop : themenuoffsetY+event.clientY-event.offsetY+18+VertDrop

change the value of VertDrop to suit your needs

[kam31uf]

Thanks, it worked wonderfully!

Is there any way to center the drop downs?

[Fang]

To center on the images change this snippet:

//assumes all images have width 108px
var ImgCentering=parseInt((parseInt(themenuStyle.width)-108)/2);
themenuStyle.left=ns6||ns4? e.pageX-e.layerX-ImgCentering : themenuoffsetX+event.clientX-event.offsetX-ImgCentering;
var VertDrop=38;
themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19+VertDrop : themenuoffsetY+event.clientY-event.offsetY+18+VertDrop;

This does mean that the images have to be centered again,
or move the table right:
<table width="723" border="1" style="margin-left:50px;">