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/です
これを見れば、私の質問が明確になります。
別の提案を歓迎します。