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


Initial Email From:
John
Initial Email Subject: Unexpected behavior in Tabs
Support Case Month: April 2013

Hi,

I have looked everywhere that i can think off, but cannot find the style to correct this problem.

When I initially go to this page, the tabs menu looks correct. As I click across the menu (Description > Features > Contact Us), the menu works as planned.

However, if I next click on Description, the body copy moves up to the edge of the top margin of the body graphic and will not return, unless the page is reset.

I also can correct the problem by finding the code using Firebug and changing the "positioning" style from "Relative" to "Absolute" (see below).

<li class="liknotabs_body" style="width: 700px; position: relative; top: 0px; left: 0px; display: block; overflow: visible; height: 295px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px;">

However, I cannot find the place in the Tabs menu application to make this change.

Please advise.

Thanks,
John

Reply From: Likno Customer Support

Dear John,

It seems that this issue is caused by the way that browsers understand margin. Specifically, the problem is that margins need some kind of “wall” to push against, otherwise they are ignored.

If for example you add a 1px padding-top to your <div class="synecomm"> and remove the margin-top, you will get the result you wanted, because the 15px margin of the inner elements will work against this padding.

If you need more help, please export and send me the tabs project and I will do this for you.

Best Regards,
Aris Filokostas
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: John

Hi Kostas,

Worked great! Thank you very much.

John

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
User
Initial Email Subject: Width
Support Case Month: February 2013

Hello

I try to get the width to max 960 px, how do I do that? I see how to set it to min.

Hope you can assist.

Reply From: Likno Customer Support

Hello,

I am afraid that it is not possible to set a “max” width. Instead, you should make your menu smaller by checking the following:

1) remove the “uniform items” option that makes all menu items as big as the largest one:

uncheck uniform items

2) remove any unwanted padding from your menu items:

menu padding property

3) If the menu is still too large, consider choosing a smaller font:

menu text size

Once you do these, and your menu is smaller than 960, you can set the min width to 960 to make sure it always has this width.

Best 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 Modal Windows Builder,  abstracted and stripped of all user’s private info.


Initial Email From:
User
Initial Email Subject: remove white space - Modal Window Builder
Support Case Month: January 2013

hello. I want to ask you about white space, after I compile the Modal Window Builder. You can see the print screen here.

http://screencast.com/t/4F22DouGMVzA

In the section "Project Windows" -> Single Style Sheet -> Html -> Embedded

I copy the facebook script. It is ok. But, I cannot redimension the windows, to bring near the facebook border. Like in this print screen

http://screencast.com/t/E9dSJHLSqXM

Summarily, seems to be a default square with I cannot delete or redimension, that white space.

Can you help me with an advice?

Reply From: Likno Customer Support

Hello,

It seems that this is a Padding that you set in the Body CSS. Please check and let me know:

modal window body CSS properties

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

thank you !

 

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

 

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


Initial Email From:
Mike
Initial Email Subject: Allwebmenus
Support Case Month: November 2012

Hi

just a thought ...when a menu line extends to a second line, it aligns to the left, rather than under the start of the first line, which looks untidy. Any chance of lining it up ?

pl see attached

if I know its going to happen I can include a "<br>&nbsp;" in the Item properties but in this case the Related menu group is generated server-side.

thanks,
cheers .. Mike

Reply From: Likno Customer Support

Dear Mike,

How are you indenting the first line? If you do it with spaces, then guess you should do the same with the second line. If you do it with " item margin", this is similar to spaces. I recommend that you use "item padding" which should work the same for all lines.

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

thank you Kostas, that's fixed it

cheers .. Mike

 

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