Web Hosting Talk : Web Hosting Main Forums : Programming Discussion : DHTML Menu Position

[RonC]

I am building a website for a customer and they have requested a drop down menu for the navigation part of the site. I have a horizontal navigation bar written in html and positioned with css. I want to replace one of the clickable links in the navigation bar with a DHTML drop down menu.

I found a menu on the simplythebest . net site and pared it down to what I needed. The problem I am having is positioning the script. The page it needs to go in is a fixed width and centers in the browser window. I thought I could just place the menu within the DIV class that keeps the page centered but it does not work. The menu position is relative to the top left corner of the page rather that the enclosing element it resides in. I tried moving the script to different spots and nothing seems to work.

Could it be the the way the script is triggered in the body tag, does this make its position relative to the top left corner and nothing else?

How can I make it move with the rest of the page?

Thanks

Ron

[juniperavenue]

I have never used this particular menu but somewhere in the stylesheet there should be 'position' field which you can set to relative or absolute. It could be in the CSS file or generated in the div tag itself.

[RonC]

Tommar,

I tried changing the style sheet to relative from absolute but it did not work.

Thanks

[fastduke]

Code would help

[lvmike]

Try setting the enclosing elements positioning to relative, then set the menu positioning to absolute. This should accomplish what you describe, ie reference the top left of the enclosing element.

[RonC]

I have put the code up at this location:

http://www.crockerwebdesign.com/menu/

To simplify things I did not use an external style sheet like the original menu had, I combined all the styles on the index page.

I tried various combinations of absolute and relative positioning with some weird results.

I would like for the menu to move with the box it is enclosed in.

The problem may be the way the script is initiated in the body tag. Maybe this takes it out of the div box where the script is called.

It is a great menu and I would really like to be able to use it.

Lack of knowledge is most lilkely my real problem...

Hmmm...

[avocado]

Best standards-compliant /accessible drop-down menu I've seen:

http://www.alistapart.com/articles/dropdowns/

[RonC]

Avocado,

Thanks for the response, I will take a look at it when I get home. I am at my inlaws and they are on a dial up connection. It is painfully slow.

Cheers

[HalfBrian]

http://dynamicdrive.com/dynamicindex1/anylinkcss.htm

That is also quite a good script, I have tested it on FireFox and IE, and they both work. IT is also quite easy to styleize.

[RonC]

Halfbrian,

I tried the script you supplied and it works nicely. Thanks for taking the time to reply to my post.

Cheers

Ron

[HalfBrian]

Im glad I could help, if you need anything else, just post it!

--Brian