Results 1 to 4 of 4

Thread: Horizontal Accordion script

  1. #1
    Join Date
    Apr 2011
    Posts
    82
    Thanks
    43
    Thanked 0 Times in 0 Posts

    Default Horizontal Accordion script

    1) Script Title: Horizontal Accordion script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...haccordion.htm

    3) Describe problem:

    I need help about this script."Demo" on this page.

    Thanks
    Last edited by rexi; 04-21-2011 at 04:39 AM.

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

    Default

    The main reason it isn't working now is that the stylesheet (haccordion.css) is not loaded. Did you upload it to the server?

  3. #3
    Join Date
    Apr 2011
    Posts
    82
    Thanks
    43
    Thanked 0 Times in 0 Posts

    Default

    Yes,..if you looking my HTML from "view source",..it is there.
    Last edited by rexi; 04-20-2011 at 09:44 PM.

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

    Default

    I see the link to the style sheet, but the link leads to an error page. So somehow the path is not working. You need this css to get it working
    Code:
    /*Overall CSS for each Horizontal Accordion.
    	Most settings should be kept as it.
    	Customize each Accordion by styling each Accordion's ID attribute instead.
    */
    
    .haccordion{
    padding: 0;
    }
    
    .haccordion ul{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden; /*leave as is*/
    }
    
    
    .haccordion li{
    margin: 0;
    padding: 0;
    display: block; /*leave as is*/
    width: 100%; /*For users with JS disabled: Width of each content*/
    height: 200px; /*For users with JS disabled: Height of each content*/
    overflow: hidden; /*leave as is*/
    float: left; /*leave as is*/
    }
    
    .haccordion li .hpanel{
    width: 100%; /*For users with JS disabled: Width of each content*/
    height: 200px;  /*For users with JS disabled: Height of each content*/
    }

  5. The Following User Says Thank You to azoomer For This Useful Post:

    rexi (04-20-2011)

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
  •