PHP: create row and colum class in li [closed] - php

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
there are 20 li
<ul>
<li id="1"></li>
<li id="2"></li>
<li id="3"></li> <!--- Row1--->
<li id="4"></li>
<li id="5"></li>
<li id="6"></li><!--- Row2--->
<li id="7"></li>
<li id="8"></li>
<li id="9"></li><!--- Row3--->
<li id="10"></li>
<li id="11"></li>
<li id="12"></li><!--- Row4--->
</ul>
i want to give class to first 3 li element 1,2,3 to row 1
li 4,5,6 to row 2
is it possible with li??
<?php $i=0;?>
<ul>
<?php foreach($data as $da):?>
<li id="<?php echo $i+1;?>"></li>
<?php $i++; ?>
<?php endforeach; ?>
</ul>

Answer 1

<style>
.row { float:left; }
.row > ul { display:inline-block; }
</style>
<ul>
<?php
$i=0;
foreach($data as $da){
if($i%3===0){
echo ($i!==0 ? '</ul>' : null );
echo "<li class='row'><ul><li id='".($i+1)."'></li>";
}else{
echo "<li id='".($i+1)."'></li>";
}
$i++;
}
?>
</ul>
You may also need to introduce the clearfix class.

Answer 2

I'm not really sure what you are trying to do, but i understand i want to give class to first 3 li element.
So why not check your iteration if it's lower as 3 ?(iteration 0, 1 , 2)
<ul>
<?php foreach($data as $da):?>
<?php if($i < 3) :?>
<li class="yourClass" id="<?php echo $i+1;?>">Got class</li>
<?php else :?>
<li id="<?php echo $i+1;?>">No class</li>
<?php endif;?>
<?php $i++; ?>
<?php endforeach; ?>
</ul>
If you want to have from every 'row' the first 3 li's. Well there no rows in an unorded list. You can just genereate tables for this or you can create multiple <ul>s that will stand for an 'row'.

Answer 3

Why dont you close your ul, and then bring another ul. Then float left your ul's with a right spacing.
<?php $i=0;?>
<?php $x=0;?>
<ul>
<?php foreach($data as $da):?>
<li id="<?=$i+1;?>"></li>
<?php if ($x == 2) {
echo "</ul><ul>";
$x = 0;
?>
<?php $i++; $x++ ?>
<?php endforeach; ?>
</ul>

Answer 4

There are no 'Rows' as such in a Unordered List.
You can certainly apply classes to the elements based on the sequence and could have a 'rowEnd' or 'rowStart' class applied to the last or first list item in that row without much hassle, but what are you trying to acheive by grouping them in rows?
A table sounds like a more natural fit to this type of data perhaps?
Amended Answer:
<?php
$data = array();
$data = array_pad($data, 50, 'x'); // Just creating some dummy data..
?>
<?php $i=0;
$row = 1; // First row as default...
?>
<ul>
<?php foreach($data as $da):?>
<?php
if(($i > 2 && $i % 3 == '0')) { // Increment where $i is divisble by 3
$row++;
}
?>
<li class="row<?=$row?>" id="<?php echo $i+1;?>"><?=$da?></li>
<?php $i++; ?>
<?php endforeach; ?>
</ul>