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,

I have one question if you can answer it. If I made changes in the v. 5 software to an existing menu in which I made from the older version (2003) software I had, would the menu not work when I upload it to my webpage? I have in fact made this change, saved it, compiled it and linked to my pages, but the menu doesn’t show up on the web pages. If I preview from the compiled links in the software, the menu shows up with the changes I have made. I did upload the js file and the awm file to the server. Still no menu appears on the page and it gives me an error on the page on the bottom left corner. I never had a problem uploading the menu to the server and it showing up on my web pages. If you have any explanation, I would very much appreciate it.

Thanks again,

Roxanne

Reply From: Likno Customer Support

Hello,

Did you upload the “awmdata” folder which holds the library and image files? If not, please do this and check again.

If you did, then please send me the URL of the page so that I can see what’s wrong.

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,

Thanks for replying. Since I emailed I was able to solve the problem of making the menu appear on the web page. I have a different problem now though. 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:

menu relative to an 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

Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

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.

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:

menu offset

Regards,

Kostas

Likno Customer Support

www.likno.com

Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Roxanne

Well, I do have one more question. The menu I have was made with the 2003 software I had before upgrading. How hard would it be to change from the menu I have to a sliding menu?

Reply From: Likno Customer Support

It is as simple as changing a single property:

make sliding menu

Regards,

Kostas

Likno Customer Support

www.likno.com

Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , , , , , , , , , , , , , ,

 

Knowledge Base support case for Likno Web Tabs Builder, abstracted and stripped of all user’s private info.


Initial Email From:
Steve
Initial Email Subject: Image Maps in WTB
Support Case Month: February 2012

I am trying to use WTB to create compact navigation for a web site. I wish to use single images which are the identical dimensions of the tab bodies and have mapped hyperlinks to different pages within the website.
Once each navigation tab system is complete, I would like to anchor each to a table row. I will surround the tabbed navigation with sliced graphics to give a clean integrated appearance. See link for graphical representation:
http://scottiedtv.com/index2.htm
I have compiled screen shots of the settings I've used in the project to make my issue as clear as possible in the above related URL.
What I am experiencing is both vertical and horizontal scroll bars after I embed the html code into the body source HTML code. I have adjusted the CSS body code in the styles editor; regardless of what I do the scroll bars appear.
I would greatly appreciate your help with this issue; I have been a long time customer of Likno.
Also, is there a way to have the tabs line up with both the left and right sides of the container? I've tried adjusting the margins, padding etc. and still have surplus space on the right side at the "page 10" tab.
Thank you!

Related URL: http://scottiedtv.com/wtb.htm

Reply From: Likno Customer Support

Hello,

Is it possible to export and send me your Tabs project along with any photos that you are using? It will be much faster than trying to troubleshoot this problem without it.

Please use the menu “Project -> Export -> To ZIP” to export the project and send it to me.

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: Steve

Hello Kostas,
I think I've resolved the scroll bar problem by properly defining the image/map with div tags and style declarations (please verify the code). Attached is the zipped project including assets. Also attached is a screen shot of the project, wherein I have included 2 questions specific to spacing issues.
Thanks for your help and quick reply.
Best,
Steve

Reply From: Likno Customer Support

Dear Steve,

You could change the tab header width and left/right margins so that the tab headers seem centered:

header css properties

This would also require the container width to change to 800 instead of 798.

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: Steve

Kostas,

  Thanks for the tabs alignment suggestion. For future projects, how do I calculate tab width relative to container size to assure proper centering? There seems to be automatic padding/spacing somewhere within the tabs header which I cannot seem to locate and adjust. Is it possible to assign a pixel distance value to the spacing between the tabs?

(1) Is the method I used to create vertical space between the tabs and the tabs body acceptable? Will the space cause any problems? Is the space between the tabs (horizontally) and between the tabs and tab body transparent - whereby a background table image will show through these areas of space?

(2) Is the image mapping code I've integrated acceptable? Although all seems right in the preview, I am not certain it will function display and identically in all browsers.

Thanks!
Steve

Reply From: Likno Customer Support

Dear Steve,

Well, the way to calculate this would be:

(header width+header spacing)*number of headers

Still, I did not calculate this, I just saw the remaining space and tried changing pixel by pixel (only took three trials) until I had a good result.

The spacing of the headers is controlled by the “margin” value (left and right).

Regarding the other questions:

1) Yes, this method is acceptable and you should not have issues. Another method to achieve the same thing would be to add a top margin to the Header Area CSS (this is probably a bit better). If you do not have a background set for the container, then it should be transparent.

2) Yes, the image map code you use is fully valid and I do not see a reason why it wouldn’t work in any browser.

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

 

Tags: , , , , , , , , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows