Menu Alignment Problem

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
cookieguy
Beginner
Beginner
Posts: 2
Joined: Wed May 14, 2008 11:41 pm

Menu Alignment Problem

Post by cookieguy »

I am new to this forum and am a Newbie when it comes to all things css, html and javascript.

I have a problem with the alignment of my menus when they appear once you hover over the category in the main menu bar at the top of the page. This site is an online shopping cart system and I am using one of their supplied templates which I am customizing. The milonic_src.js file says that the current version is licensed and is 5.792. This site is not live and is a work in progress. You can view it via the direct link http://69.49.189.190/

If you hover on the SHOP item at the top you will see that the menu opens very far to the right instead of being positioned directly beneath the item being hovered on. The menu structure is set up so that if you hover on the Favors item a sub menu should popout and that menu should be perfectly aligned to the right and even with the top of the Favors box.

I had the exact same problem on another template that I was working with and was able to solve the problem by adjusting the _subOffsetTop and _subOffsetLeft attributes. The menu was laid out in exactly the same fashion as this one with the items horizontally arranged at the top and the submenus popping out vertically perfectly aligned. I have tried to manipulate these variables in the Menu_Popout_Styles.js file for this template but it has no effect.

I have tried searching the threads for a solution but there is so much information that it is a little overwhelming trying to find the answer.

Any help would be greatly appreciated.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Menu Alignment Problem

Post by Ruth »

Hi,

It has to do with placing the menu in a div position relative which is in a div position absolute. But, it also just has to do with placing the menu relatively which has specific directions for that. The first link is just a 'visual' of how you are to do it, and the second is the Milonic explanation in depth of how to do it. I'm sorry I can't be more specific but the method used to put the menu on the page is not one I know or have seen.

http://support.milonic.com/beginners/ta ... /index.htm

http://milonic.com/tablemenu.php

If these are not helpful to you, you can sign into the support area since you have a current support contract, I believe. It explains how to sign in and use the system when you get there.

http://milonic.com/support/

Ruth
cookieguy
Beginner
Beginner
Posts: 2
Joined: Wed May 14, 2008 11:41 pm

Re: Menu Alignment Problem

Post by cookieguy »

I looked at the info on the links that you provided and I was able to add some code from one of the samples that you referenced that would pull the sub menu over, however when it came over it knocked all of the formatting out and turned the menu background transparent. It also only worked on the sub that appeared when you hovered on SHOP. The other sub for the next item that had a popout when hovered stayed in the same position and from messing around with the code it looked like I would have to adjust each sub individually to get it to work.

I have given up in this template for now and have gone back to one that worked properly. Not as nice a layout but it will do the job until I have more time to fill my brain with all things web designish.

Thanks for your help.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Menu Alignment Problem

Post by Ruth »

Hi,

You can contact Milonic support with the issue and the page so they can see it. They would be able to provide a direct answer on how to fix it.

Ruth
Post Reply