Alternating Row Fonts

I have noticed for quite a while on the over the internet that there are tutorials on how to alternate row colors in table, but not row fonts. This very easy to follow tutorial will show you how to do just that.

First, before we can look at the required coding, we need to create a recordset in Dreamweaver MX.

Next, create an HTML table with 2 rows and how ever many columns as you need.

On the first row of the table, add the title of the columns. On the second row drag in the dynamic database fields from your recordset in the Bindings Window. Next, select the whole second row of the table, and apply the Repeat Region Server Behavior from the Server Behaviors tab.

You should have a similar screenshot below when seen in the Design View of Dreamweaver:

Now its time for some hand-coding. Switch into Code View and find the table code similar to the one below:

Here you can see the HTML table code, and the PHP code. All the Dreamweaver MX repeat region consists of is a PHP do...while loop. All code in the loop is repeated while a record can be read from the database. So if there were 5 records in your Recordset, the code in the looped 10 times, once for each record.

Now to define the font styles we are going to use in our alternate rows. Just above the tag of your HTML page, define the styles shown below:

Now modify your table code block so that it looks like the one below:

Now if we preview this code in a web browser and view the source, this is what you should get:

The visual output is shown below:

This is a full code example in ASP .

Hope you find this useful!