Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Initial Email From: Roxanne
Initial Email Subject: AllWebMenus PRO v. 3.1.0.530
Support Case Month: March 2012

Hi Kostas,

The new v.5 is just a little different than the 2003 version I had. I’m not quite understanding the positioning to get the menu to fit on the web page where I want it. On the web page template, I have a column on the left side in which the menu is placed. However, it is offset to towards the middle of the page. How do I position it to be in the place I want it to be? Thank you for your help!

Thanks,
Roxanne

Reply From: Likno Customer Support

Dear Roxanne,

It seems that you have specifically set the menu to be have an offset relative to the positioning element:

Also, I see that your positioning code is very old and possibly not as accurate as it could be.

Please find the following in your page:

<td height="2">

<div align="center"> <style>.awmAnchor {position:relative}</style> <span id='awmAnchor-Northside' class='awmAnchor'></span></div></td>

And change it into this:

<td height="2" id='awmAnchor-Northside'>&nbsp;</td>

This will position your menu relative to the table cell with pixel-perfect accuracy.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Roxanne

Hi again Kostas,

I changed the source code you suggested, but the positioning of the menu is still offset to the right in the table cell. Please let me know what I should do to get this menu centered within the table cell.

URL – http://www.nbchurch.net

Thanks,
Roxanne

Reply From: Likno Customer Support

Did you also remove the offsets I showed you in the screenshot?

Also, considering that the table cell is smaller than the menu width, you may want to change your Positioning to the following values:

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Roxanne

Hi Kostas,

Thank you so very much for your help! I made the changes you suggested and the menu fits in the table cell like a glove! Thank you, thank you, thank you!!

I will call on you in the event I have another question!

Tags: css menu, drop-down menu, javascript menu, jquery, Menu, offset, position, relative, sliding menu, table, website