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


Initial Email From:
Ron
Initial Email Subject: Help with setting up a menu.
Support Case Month: April 2013

I need to know how to configure the menu to only be as wide as the table the menu is laying on top of.

Thanks,
Ron

Reply From: Likno Customer Support

Dear Ron,

I am afraid that it is not possible to automatically make the menu take the width of a given page element.

One thing you can do, is to give the menu a “minimum width” and make sure that your menu items are not so big that they make the menu wider.

main menu minimum width

If the menu is wider than what you wanted, try reducing the padding or font size.

Best 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: , , , , , ,

 

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


Initial Email From:
Bill
Initial Email Subject: font size in accordion builder
Support Case Month: November 2012

I am testing the trial version so there is no url at this point.

I'm trying to change the font size within all of the panes. Using the font-size property, i get no change in font size if I specify a font size of small or medium or whether I use 10px or 12px. The changes do show up in the preview screen in the tool but there is no effect in the browser. I am using Microsoft Web Expression as my primary web tool if that makes a difference.

Any help with this would be appreciated.

I'm a long time user of your allwebmenus product and look forward to working with this as well.

Regards, 
Bill

Reply From: Likno Customer Support

Dear Bill,

This happens because you are using a table, which by default resets the font size when you do not have a valid DOCTYPE for your page.

Can you please try changing this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

With this:

<!DOCTYPE html>

<HTML>

The above is the standard DOCTYPE for HTML5. If for some reason you want to use the old HTML4 Transitional DOCTYPE, then use this instead:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

Best 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: Bill

Well almost...
I'm not much at html coding so maybe you can see what's going on.
When I sub the changes (tried both) it gives me the results that you'll see at http://ocdirect.com/staging/faq_test1.html (no menu item for this one.)
If you compare it to the normal linked faqs page you can see that the page 'breaks'
I can't seem to find where the problem is coming from.
If you have any ideas on how I can get the page back to normal, I'd appreciate it.

Regards,
Bill

Reply From: Likno Customer Support

Dear Bill,

I found a couple of changes that will fix the problem. The whole brake is related to the last table row, so you will need to fix it there.

Please try changing this:

<tr>

                <td height="32" width="165"><img height="32" border="0" width="165" src="images/main_5.jpg"></td>

                <td height="32" background="images/main_6.jpg" width="558">

                <p align="center"><font size="1" face="Arial" color="#F7DA8A">Copyright &copy;

                2010-2012 Woodbine Hill Kennel</font></p></td>

                <td height="32" width="224"><img height="32" border="0" width="224" src="images/main_7.jpg"></td>

</tr>

Into this:

<tr>

                <td height="32" width="165"><img style="display: block;" height="32" border="0" width="165" src="images/main_5.jpg"></td>

                <td height="32" background="images/main_6.jpg" width="558">

                <p align="center" style="margin: 0px;"><font size="1" face="Arial" color="#F7DA8A">Copyright &copy;

                2010-2012 Woodbine Hill Kennel</font></p></td>

                <td height="32" width="224"><img style="display: block;" height="32" border="0" width="224" src="images/main_7.jpg"></td>

</tr>

Note that there is also a big difference between having a valid DOCTYPE or not, especially in IE:

If you have DOCTYPE, then the “width” and “height" you set in the CSS do *not* include the padding. If you have an invalid DOCTYPE (or none at all) then the padding is most likely included in the width/height.

This is in case you see other sizing issues elsewhere.

Best 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: Bill

Kostas,

Thanks so much for your help with this. You pinpointed the problem perfectly. I've changed to the new code that you've been suggesting and everything works just great.
Thanks for hanging in there with me.

Regards,
Bill

 

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

 

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


Initial Email From:
Carole
Initial Email Subject: AWM code and magnifying script conflict
Support Case Month: November 2012

Hi Kostas,

We found that the AWM code (under the body) is creating a conflict for the magnifying script (jquery.magnifier.pan.js), thus preventing the litte guide image (Besoin du guide ?) to enlarge. See the next table under the Connexion AWM line.
Could you settle out this problem also, please.

Thank you so much,
Carole

Reply From: Likno Customer Support

Dear Carole,

I have checked your site again, and I noticed that the magnifier script is using a very old jQuery script. It is possible that this is conflicting with the newer version of jQuery that is used by our products. Please try changing this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

With this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Having said this, I noticed that there are still several errors in your page from different scripts, even when I remove the accordion script (e.g. when clicking on the tiles). I believe you should check these out.

Best 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: Carole

Hi Kostas,

We thank you very much, it seems that the problem was so obvious that we couldn't see it. Changing the  ...jquery/1.3.2/jquery.min.js for ...jquery/1.4.2/jquery.min.js
solved the magnifyinf image problem, at least.

In deed, we are still checking out for errors in different scripts, thank for that tip also.

Thanks again for your support. It is appreciated.

Carole

 

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

 

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


Initial Email From:
John
Initial Email Subject: menu and firefox/chrome
Support Case Month: January 2013

I recently uploaded a new website and my menu will not show up in firefox or chrome browsers.

It shows up fine in internet explorer.

Can you help?

Thanks,
John

Reply From: Likno Customer Support

Dear John,

This is because you are using the <table> element for positioning. Please try changing this:

<tr>
   <td height="78" colspan="2" align="center" valign="top">
       <table id="awmAnchor-menu" style="width:auto;" cellpadding="0" cellspacing="0">
            <tr>
               <td>&nbsp;</td>
            </tr>
       </table>
   </td>
</tr>

Into this:

<tr>
   <td id="awmAnchor-menu" height="78" colspan="2" align="center" valign="top">
       &nbsp;
   </td>
</tr>

Best 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: , , , , , , , , , , , ,

 

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


Initial Email From:
Michele
Initial Email Subject: Need help please
Support Case Month: June 2012

Greetings,
I cant seem to find an answer to my question elsewhere, so, I am designing a website that is based on percentage and not pixels, it is set to be 76% of window size.  I am placing the menu at the top, within a table, centered. However, it will not stay within the table and hangs over the page on either side.
I had to insert some html so that the menu would appear over the flash movie, but this "hangover" is on every page, not just the one with the flash.
I know the menu would have to adjust itself along with the webpage according to browser specs, I also know the menu actually appears "above" the page, and is not part of the page. So, that said. I am at a loss as to what to do.
Any suggestions would be appreciated.
Thank you,
Michele

Reply From: Likno Customer Support

Dear Michele,

It seems that the menu works fine as long as the browser window is wide enough.

From this I gather that you have correctly set the “menubar” settings. However you also have significant paddings in your menu that do not allow it to become smaller than a given width.

Please check the following properties and change both the padding and margin to 0:

menu padding and text margin

Best 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: Michele

Thank you for your quick reply. I changed the padding settings to 0 as you suggested and when I view the pages "live" within Adobe Dreamweaver everything looks perfect!  The menu is perfectly aligned on all pages.  But once they are uploaded to the server the pages do not appear the same. The menu sits above the table. I tried changing the vertical align to top, bottom, middle, but nothing changes. I have the valign set at default now. I uploaded all the awmdata files as well as the menu.js and the pages themselves, still once it is online, it will not line up. I am at a loss.
Thank you,
Michele

Reply From: Likno Customer Support

Dear Michele,

Is your menu still set as a menubar? Can you export and send me your menu project so that I can further research this?

export menu project

Best 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: Michele

Hello Kostas,
As requested, I have attached the zipped file.
I should tell you that this menu is from one of the pre-made templates. I have made many menus using this program, but never one this fancy. I had changed the base color, but went back to the original. It was never saved as a menubar.
I have another machine with a 15" screen. That one shows the menu sitting just above the table where it should be nested. In 17" everything is fine. My client wants a "flashy" navigation bar and I am not great at doing that from scratch so I thought this would be the answer.
Thanks for your assistance.
Michele

Reply From: Likno Customer Support

Hello,

I have made some minor changes to your menu to make it look better.

1) added a minimum width to the main menu group

2) removed the “distance between items” that created something like a border

3) added a normal border so that it is also visible before the first and after the last item.

To complete the changes, you can also change the following in your page, from:

To:

style="background-image: url(awmdata/menu/menuItem-tile.jpg);" bgcolor="#474747"> 

Best 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: Michele

Thank you so much. I will try this.  Not so sure about the border before and after. It took me forever to figure out how to get rid of that. LOL   I will see if I can figure it out again. :-)  
I'll let you know how I made out.
Thank you again and again.
Michele

Reply From: Likno Customer Support

Dear Michele,

If you want to remove the border, you can do this here:

remove menu border

Best 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: Michele

Hello Kostas,
Oh dear! It is not perfect on my screen here at work. It looked good from home, but not here. It is "hanging" again. Just a tiny bit on each side, but enough to be noticeable. It's fine on the index page, but the others, not so much. All the pages are set at 75% so I don't know why it would be different on all but the index page. I changed the awm code to below, as you so graciously provided and it was great, until I had to add a link.

<td height="32" style="background-image: url(awmdata/menu/menuItem-tile.jpg);" bgcolor="#474747"><div align="center" id="awmAnchor-menu"></div></td>

Also, last night I tried to update my version of AllWebMenus PRO with latest version. But when I tried to download the program from your primary download location, I kept getting a message saying windows couldn't locate something or other. I was so tired at that point, I didn't attempt to try it again. I will try it again tonight and let you know what the error message is saying.
I bet you just wish I would go away! LOL
Michele

Reply From: Likno Customer Support

Are you referring to this?

menu in website

I had to zoom my browser in order to notice that the menu is a pixel or two off on the right side!

I guess this is because after you added the new item the menu became just a bit too big. Two things can help resolve this issue:

1) decrease the item padding (if there is any):

menu item padding

2) make sure that the “Uniform Items” property is NOT checked:

uncheck uniform items property

Best 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: Michele

Greetings,
Yes, I worked it out. I followed your directions and it works great now. Thank you again.
Now I have to figure out why I cant download the newest version of AllWeb. I didn't try it last night, I was too tired.  Will try it tonight.
Thank you, Kostas.
Michele

 

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

 


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