0

1つは左にフロートされ、もう1つは右にフロートされ、それぞれ5つのリストのみを含む2つのサイド順不同リストを取得する必要があります。list 要素は、PHP の FOR EACH ループから生成されます。

htmlで期待される出力

<div class="monthlyIndexCont">
    <div class="bookContent show">
      <ul class="monthlyIndex">
        <li>title 1 <a href="#">Read More</a></li>
        <li>title 2 <a href="#">Read More</a></li>
        <li>title 3 <a href="#">Read More</a></li>
        <li>title 4 <a href="#">Read More</a></li>
        <li>title 5 <a href="#">Read More</a></li>
      </ul>
      <ul class="monthlyIndex">
        <li>title 6 <a href="#">Read More</a></li>
        <li>title 7 <a href="#">Read More</a></li>
        <li>title 8 <a href="#">Read More</a></li>
        <li>title 9 <a href="#">Read More</a></li>
        <li>title 10 <a href="#">Read More</a></li>
      </ul>
    </div>
    <div class="bookContent">
      <ul class="monthlyIndex">
        <li>title 11 <a href="#">Read More</a></li>
        <li>title 22 <a href="#">Read More</a></li>
        <li>title 13 <a href="#">Read More</a></li>
        <li>title 14 <a href="#">Read More</a></li>
        <li>title 15 <a href="#">Read More</a></li>
      </ul>
      <ul class="monthlyIndex">
        <li>title 16 <a href="#">Read More</a></li>
        <li>title 17 <a href="#">Read More</a></li>
        <li>title 18 <a href="#">Read More</a></li>
        <li>title 19 <a href="#">Read More</a></li>
        <li>title 20 <a href="#">Read More</a></li>
      </ul>
    </div>        
  </div>
  <div class="slideShowControl"> <a id="prev" class="prevIcon" name="Prev">Prev</a> <a id="next" class="nextIcon" name="Next">Next</a> </div>

私が試したことは

     <div class="monthlyIndexCont">
                    <div class="bookContent show">
                        <ul class="monthlyIndex">
     <?php
   $x = 0;
     foreach ($titles AS $title) {
       if ($x < 5) {
          ?>
         <li>
             <a href="<?php echo $title->title_id ?>"><?php echo $title->title_name ?></a>
      </li>
    <?php
    if ($x > 5 && $x <= 10)

        ?>
    <li>
        <a href="<?php echo $title->title_id ?>"><?php echo $title->title_name ?></a>
    </li>

    <?php
    }

   $x++;
 }
?>
</ul>

これを見つけるのに役立つものがあれば、それは私にとっては良いことです。

私の正確な結果はhtml http://jsfiddle.net/CvGaP/です

これを見れば、私の質問が明確になります。

別の提案を歓迎します。

4

0 に答える 0