PDA

View Full Version : Status icons don't appear on Accordion menu - help!



taygraphics
10-15-2011, 04:09 PM
1) Script Title: Accordion Menu Script

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

3) Describe problem:
The plus.gig and minus.gif status icons don't want to appear on the Glossy Accordion Menu. Here's my page url:

http://www.utahgaragedoor.com/clopay_style_page.html

Probably a togglehtml url issue? I've tried everything I can think of.

azoomer
10-15-2011, 04:42 PM
In the clopay_style_page.css file around line 524 you have this css rule:

a span {
display: none;
}

this is hiding the status icons. If you delete it they will show, but you will probably need to move the icons a bit to make it look good. In line 571 you will find this:


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: relative;
top: 5px;
right: 5px;
border: none;

}

changing values for top and right will adjust the position of the icon.

Or better yet: change position: relative to position:absolute, like this:


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
and they will appear as in the demo.

jscheuer1
10-15-2011, 04:55 PM
In the css/clopay_style_page.css stylesheet around line 524 it has:


a span {
display: none;
}

Either get rid of it or add:


.menuitem.submenuheader span {
display: inline !important;
}

Once you do that, it will show up and you should probably revert this (around line 571 of the same file):


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: relative;
top: 5px;
right: 5px;
border: none;

}

to:


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