Results 1 to 3 of 3

Thread: Status icons don't appear on Accordion menu - help!

  1. #1
    Join Date
    Apr 2008
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Status icons don't appear on Accordion menu - help!

    1) Script Title: Accordion Menu Script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...enu-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.

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    In the clopay_style_page.css file around line 524 you have this css rule:
    Code:
    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:
    Code:
    .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:
    Code:
    .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.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,000
    Thanks
    44
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    In the css/clopay_style_page.css stylesheet around line 524 it has:

    Code:
    a span {
    	display: none;
    }
    Either get rid of it or add:

    Code:
    .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):

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

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •