Skip to content
World Wide Web Server edited this page Jul 4, 2012 · 15 revisions

Zebra tables is a term used to describe tables that have alternating row colours:

[img]http://alistapart.com/d/stripedtables/itunes.png[/img]

This effect can be achieved using various methods, both server and client-side using PHP and CSS/Javascript.

[h3]Basic method[/h3]

[b]CSS[/b]

[code] .tr0 td{ background:#F4B624; color:#000; } .tr1 td{ background:#FFFFFF; color:#000; } [/code]

[b]View[/b]

[code] <?php $i = 0; foreach($result as $row){ ?>

<?php echo $row->name ?> ... <?php echo $row->descriptions ?>

<?php $i++; } ?> [/code]

Clone this wiki locally