logo   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:


oddulige linienumre
evenlige linienumre
3hver tredie linie
1kun 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.






















x
x