Zebra striber
Etableringen af zebra striber baseres på Strukturelle selektorer (x;nth-child).
Forekomsten af zebralinier styres med parameter. Der kan bl.a. indsættes:
odd | ulige linienumre |
even | lige linienumre |
3 | hver tredie linie |
1 | kun første linie |
I tabeller
I 'while'-løkker
Hvis tabellen indeholder en overskrift indsættes '<tbody> ..</tbody>' som bærer af selektoren. ellers bruges <table>.
.zebra tr:nth-child(parameter) {
background-color: #xxxxxx;
}
|
echo "<tbody class='zebra'>";
while ($row = mysqli_fetch_assoc ($result))
{
echo "<tr>";
echo "<td class='zebra'" . $aaa . ";</td>";
.....
echo "</tr>";
} // while slut
echo "</tbody>";
|
I 'foreach'-løkker
CSS som ved 'while'-løkker.
|
|