Results 1 to 2 of 2

Thread: Problem Horizontal Accordion script

  1. #1
    Join Date
    Nov 2009
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Problem Horizontal Accordion script

    Hello
    I just put up the script Horizontal Accordion script on my site this. But I have a problem with the width. In fact it exceeds my theme! I tried to change the length and breadth the css but I have not found how!

    Thank you for your help

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I'm not all that familiar with your layout or with this script, so there may be a better way. But this (changes/additions highlighted) appears to work out fairly well:

    Code:
    <style type="text/css">
    
    /*CSS for example Accordion #hc1*/
    
    #hc1 {
    position:relative;
    left: -25px;
    }
    
    #hc1 li{
    margin:0 3px 0 0; /*Spacing between each LI container*/
    }
    
    #hc1 li .hpanel{
    padding: 5px; /*Padding inside each content*/
    background: #FF2444;
    
    }
    
    
    
    </style>
    
    <script type="text/javascript">
    
    haccordion.setup({
    	accordionid: 'hc1', //main accordion div id
    	paneldimensions: {peekw:'46px', fullw:'610px', h:'178px'},
    	selectedli: [0, true], //[selectedli_index, persiststate_bool]
    	collapsecurrent: false //<- No comma following very last setting!
    })
    
    
    
    </script>
    - 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
  •