SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist Sikwondo's Avatar
    Join Date
    Sep 2005
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Multiple Line List Indentation

    Hi peeps

    Having some problems with my lists on the following page:

    http://koko.pelli.co.uk/moments/_v2/...stimonials.php

    If you click on one of the collapsed list items towards the bottom, the expanded copy list only indents on the first line, do you know how I can keep the whole copy indented?

    Not sure what I'm doing wrong.

    Code I use is:

    Code:
    /*
    	List Expander 
    */
    
    .listexpander{ color: #333333; }
    
    .listexpander ul{
    	/*
    	Uncomment this if you want to initially hide the child lists. 
    	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
    	display:none;
    	*/ 
    }
    .listexpander li{
    	line-height:200%;
    	margin-top:1px;
    	cursor:default;
    	text-indent: 30px;
    	font-weight:bold;
    	width:100%;
    }
    
    .listexpander li.collapsed, .listexpander li.expanded{ cursor: pointer; } 
    
    /* first level */
    
    .listexpander li { background: url(http://koko.pelli.co.uk/moments/_v2/.../collapsed.gif) no-repeat 5px .4em; border-bottom: 6px solid #e3e3e3; } 
    .listexpander li.expanded{ background: url(http://koko.pelli.co.uk/moments/_v2/...r/expanded.gif) no-repeat 5px .4em; }
    
    /* second level */
    
    .listexpander li ul, .listexpander li li{ font-weight:normal; background: none;}
    .listexpander li li.collapsed{ background: none;  } 
    .listexpander li li.expanded{ background: none;}
    
    
    /* buttons */
    
    p.listexpander{
    	height:1.5em;
    	margin:1em 0;
    }
    p.listexpander a{
    	float:left;
    	height:1.5em;
    	line-height:1.5em;
    	padding:0 10px;
    	border:1px solid #eee;
    	margin-right:5px;
    	cursor:pointer;
    }
    p.listexpander a:hover{
    	background:#f8f8f8;
    }
    
    /* float fix */
    .listexpander li:after{
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    .listexpander li{
    	display: inline-block;
    }
    /* Hides from IE-mac \*/
    * html .listexpander li{
    	height: 1%;
    }
    .listexpander li{
    	display: block;
    }
    /* End hide from IE-mac */
    /* end float fix */
    [CODE]
    <ul class="listexpander">
    <li><strong>Rachael and Dave Gregory</strong>
    <ul>
    <li>Amazing pictures of an amazing day! Both your photographers created a superb double act - almost a cabaret - that made us both truly relaxed. The result is that we have the best wedding pictures ever. Thank you from the bottom of our hearts for providing us with some truly stunning photographs.</li>
    </ul>
    </li>
    <li><strong>Simone and Craig Marsh</strong>
    <ul>
    <li>The photographs are brilliant! Just what we were hoping for and such value for money. We had looked around at many photographers, but you were the only ones that made us feel comfortable and not just another customer. The quality of the photography is not just in the pictures, but also in the picturesque backgrounds and the atmosphere they create.</li>
    </ul>
    </li>
    <li><strong>Richard and Justine Price</strong>
    <ul>
    <li>Its really a shame there are no more Barnett girls for you to photograph. You have photographed all our weddings so well, and our own pictures are superb.</li>
    </ul>
    </li>
    <li><strong>Michaela and Peter Charlton</strong>
    <ul>
    <li>It has been really difficult to choose from the hundreds of pictures you shot on our special day. Wed really like them all! Each was a beautiful as the last. We will treasure your photographs for ever because they hold so many wonderful memories.</li>
    </ul>
    </li>
    <li><strong>Kerry and Andy Denello</strong>
    <ul>
    <li>Thank you for taking the wonderful photos of our wedding day. Thank you also for your advice and friendliness since we first spoke before the wedding.</li>
    </ul>
    </li>
    <li><strong>Paul and Jodie McMenamin</strong>
    <ul>
    <li>We just wanted to say thanks again for the wonderful photographs of our wedding day. Please pass our thanks on to Giles as he was a Saint on the day.</li>
    </ul>
    </li>
    <li><strong>Juliette and Terry Garrett</strong>
    <ul>
    <li>We had a fantastic day and thoroughly enjoyed having the photos done. Please thank both photographers for making our day so memorable and for all the advice you gave beforehand.</li>
    </ul>
    </li>
    <li><strong>Donna Winder</strong>
    <ul>

  2. #2
    SitePoint Evangelist Sikwondo's Avatar
    Join Date
    Sep 2005
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry guys, have solved this


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
  •