Hey, folks,

I'm putting together a web page with drop-down menus. I'm using a javascript for that which looked great on my first menu. Now, I've added another drop-down menu to my navigation bar, but the new menu appears in the wrong position horizontally -- all the way over to the left...same as my first menu. If you want to check this test page out, it's at http://tinyurl.com/5svlxn . (The first menu's at "go shopping" and the second is at "blogs.")

I'm over my head here. Suggestions, anyone?

I.

With CSS

No kidding?

Nope, no kidding.

I guess I might just have to hire a helpful person. It's a shame there don't seem to be any of those here.

I.

Sorry, it was my way of saying that it isn't a javascript problem.

Alright, then...I'll move this question to the CSS section over here:
http://www.webmaster-talk.com/css-fo...tml#post743520

OK, fine, they just deleted the other thread.

Anyway.

Never mind.

I noticed that the drop-down menus were sticking to the left edge of the cells they were in, so I put each link inside its own cell so the menus would be "captured" in the cells. Requires some fiddling, but it works.

I.

I took a look at the script you are using, the source where you downloaded the script from is contained inside <li> tags, which are floated, currently your submenus are absolutely positioned to the parent elements, which as far as i can imagine would be the <table> elements. I would advise moving away from tables and using <ul> and <li> elements like in the example. I have a similar version of this menu on my site, you could take a look at that if you wanted.

Personally i would have posted this question here as you did oringinally, as my script uses javascript to position the submenu depending on client widths of the parent elements.

Hope this helps you.

Marc