PDA

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



orenlebbo
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 :)
oren

ddadmin
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.

orenlebbo
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...

orenlebbo
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 :)
oren

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

orenlebbo
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... :(

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

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