Help positioning menu items

[mtarby]

Let me begin by saying this is the first time I've tried to do anything other than format text with a style sheet, so I'm a little lost.

I'm trying to create a dynamic menu - here's a bit of the code on my homepage:

<td><a href="#" onMouseOver="hideAll(); showLayer('layer1'); stopTime()" onMouseOut="startTime();"><img src="/images_common/bar_01.gif" width=120 height=24 border="0" alt="Admission and Financial Aid"></a><!-- #include virtual = "/menu_test/div.asp" --></td>

The include file contains the link titles and addresses. What I'd like (if its possible) is for the list to appear aligned with the image or the left margin of the table cell. Here's part of my css code:

#layer1 {
background-color : #002244;
layer-background-color : #002244;
width : 200px;
top : 40px;
left : 100px;
position : absolute;
z-index : 90;
visibility : hidden;
}

Is there a way to achieve this positioning? Anything I've tried doesn't do it.

Thanks in advance!

Michelle

 

[tigerjade]

do you want the list to appear under or beside the image? if under, try throwing a break after the </a> & see if that helps. you also might want to try explicitly defining the <td> cell width (might help either way)

good luck!

tigerjade




Always code as if the person who ends up maintaining your code will be a violent psychopath who knows where you live. -- Martin Golding