Photoshop - Likno Blog - Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows

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

Initial Email From: Mike
Initial Email Subject: Changing color on menu button
Support Case Month: August 2012

Can I change the color of the button with a particular group, say chocobuttons. Sometimes I want how the button looks, but the color does not work with the web site.

If this can be done, but I missed the link...just send me the link.

Thanks,
Mike
Related URL: http://arquicuencaec.org

Reply From: Likno Customer Support

Hello Mike,

these buttons are images, so you need to edit these images in your favorite image editor (Photoshop, etc.). So find their location in your local drive (click on them to go to the Image Assets for them), change their colors in your image editor and you are done.

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

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

Initial Email From: Mary Helen
Initial Email Subject: problem with website
Support Case Month: April 2012

Hi,

We developed http://www.hpmrentals.com with a popout menu using AllWebMenus.

On Firefox, the site looks fine, but on Internet Explorer, it has a problem.

See attached screenshot to see the problem.

Also I am attaching a sample left menu button graphic so you can see what is involved with that.

Can you possibly help us?

Thanks!
MH

Reply From: Likno Customer Support

Dear Mary Helen,

I tested your site and menu project and saw a couple of things that could be causing this.

First of all, your pages lack a proper DOCTYPE, which is required in order to have a valid HTML file. When the DOCTYPE is omitted (like in your pages) IE is going in IE5.5 Compatibility Mode, which may also be causing the positioning issue. This is something that only affects IE, but it does so a lot. A proper DOCTYPE would be to change this:

<html>

Into this:

<!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">

Another thing that affects IE is the images you are using. Specifically, if the images are not set to “display: block;” they can add 4 pixels of empty space after each image, hence pushing other content.

You can try adding this to your images, for example:

<img style="display: block;" src="http://www.hpmrentals.com/images/spacer.gif" alt="" width="1" height="343">

Finally, you should not need a spacer in the Positioning Element. So you can change this to:

<td width="186" height="343" align="left" bgcolor="#5D7962" id="awmAnchor-menu"> </td>

Please try these changes to see if your menu positioning is corrected.

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: Mary Helen

The proper doctype and html tag fixed it!

I think I let Photoshop generate my starting page and worked from there, and Photoshop is generating this bad code.

I have to get more proactive in fixing it!

Thanks so very much!
MH

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

December 26th, 2012AWM: How can I change color on a menu button?

December 20th, 2012AWM: Menu is not displayed properly in Internet Explorer

Categories

Blogroll

Links

Archives

HP