View Full Version : Glossy Accordion Menu - +/- buttons moving out of position when clicked

06-25-2011, 03:50 PM
1) Script Title: Glossy Acordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm

3) Describe problem:

when using Chrome, the menu worked great for couple of months but now suddenly there's some kind of a bug...
on the right sidebar of this site (http://www.cannabook.net/), when clicking on the menu's tabs, the +/- icons are moving out of position... :(

any ideas how to fix that or what might be the problem ?

thanks :)

06-26-2011, 12:11 AM
Hmm the culprit most likely is something inside the CSS rule:

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;top: 6px;right: 2px;border: none;
margin-right: 2px;

but I can't quite isolate the issue. Try playing around with different values inside the rule to see what difference it makes in Chrome.

06-26-2011, 02:34 PM
tried everything... nothing changes...
any other ideas maybe ?
what could possiblly go wrong ? i didn't even touched it...

06-27-2011, 08:39 AM
well, it seems like the problem is with the aligning of the button to the right...
when i remove:
right:2px, the buttons are sitting at the left end of the <li> and works well.
only when i add "right:2px" in order to put it on the right side of the menu, the buttons are jumping whenever clicking on them...
any ideas how to align the buttons to the right using a different command which won't harm the behaviour of the button once clicked on ?

thanks again :)

06-28-2011, 07:30 AM
How about using the left property instead, such as left:97%?

06-28-2011, 07:57 AM
well, it puts it in the right place with: left:93%;
but the icons still jumping around when clicking on it... :(

06-28-2011, 02:08 PM
solved thanks...

float:right; margin-left:5px; margin-right:-20px; position:relative;