Display PHP Array Using Different CSS Style

the class that we want to appear. This is very useful it you want to make your information more attractive and easy to read.

Let’s take an example and explain it :

You need to define your styles (two or more) in a .css file or in the head of your html page.

Code :

</p> <style type="text/css"> .class1 { background-color: #d2fed3; padding:3px; color:red; } .class2 { background-color: #fefebe; padding:3px; color:blue; } </style> <p>

Ok, now the PHP code:

<?php // An array with data that we want to display ( can be also taken from MySQL table). $aray = array( 0=>array(‘www.iwebbuddy.com’, ‘Your web programming place.’),<br /> 1=>array(‘www.myuab.info/’, ‘A nice social network for romanian students.’),<br /> 2=>array(‘www.google.com’, ‘The best search engine.’),<br /> 3=>array(‘[URL=’http://www.iwebbuddy.com/forums/php-forum/’]www.iwebbuddy.com/forums/php-forum/[/URL]’, ‘PHP Forum on iwebbuddy.com.’)<br /> );</p> <p>// an array with the two styles that we want to alternate<br /> $css_clas = array(‘class1’, ‘class2’);<br /> $nr_clas = count($css_clas); //counts the nr. of styles that we want to alternate<br /> $i_clas = 0; // this will be used for alternate the two styles.</p> <p>// we are going on $aray array to display the data.</p> <p>// HTML code for creating the tables<br /> $html_table = ‘</p> <table align="center"> <tr> <th>Nr.</th> <th>Page URL</th> <th>Description</th> </tr> <p>‘;<br /> $i = 0; // we want to know where we are now<br /> while ($i < count($aray)) { // we obtain the reminder of $i_clas to $nr_clas, nr. of styles $key_clas = $i_clas % $nr_clas; //if $nr_clas has the value 2 then the remainder will be 0 or 1 always. So we can alternate the styles from css_clas array. $i_clas++; // increment with 1 the alternation // we add into $html_table each row from array // Each row ( <tr> tag) will have a different style according to $key_class.<br /> $html_table .= ‘</p> <tr class="'. $css_clas[$key_clas]. '"> <td> ‘. $i. ‘ </td> <td>‘. $aray[$i][0]. ‘</td> <td>‘. $aray[$i][1]. ‘</td> </tr> <p>‘;</p> <p> $i++; //we go to the next element.<br /> }<br /> $html_table.= ‘</table> <p>‘; // we close the html table</p> <p>echo $html_table; // we display the table<br /> ?>

That’s it! You can do it also with a FOR loop.
The code is very well explained, but if you have questions please ask .

Thank you for reading and I hope you enjoy reading this PHP tutorial that shows you how to alternate CSS styles when displaying data.