Beefy Boxes and Bandwidth Generously Provided by pair Networks
Welcome to the Monastery

Re^2: Alternating Table Row Colors Help!

by bradcathey (Prior)
on May 06, 2010 at 01:43 UTC ( #838623=note: print w/ replies, xml ) Need Help??

in reply to Re: Alternating Table Row Colors Help!
in thread Alternating Table Row Colors Help!

I immediately thought HTML::Template or jQuery.

Here's an HTML::Template approach:

<table class="newsitems"> <tr> <th>Title</th> <th>Author</th> </tr> <tmpl_if list> <tmpl_loop list> <tmpl_if name="__odd__"> <tr style="background-color: #fff"> <tmpl_else> <tr style="background-color: #eee"> </tmpl_if> <td><tmpl_var title></td> <td><tmpl_var author></td> </tmpl_loop> <tmpl_else> <tr> <td>No News Items recorded</td> </tr> </tmpl_if> </table>

Another nice touch is to highlight rows as the mouse hovers over them:

CSS: .follow_mouse tr:hover td { background: #A4D9F7; } /* light blue */ HTML: <table class="follow_mouse">
"The important work of moving the world forward does not wait to be done by perfect men." George Eliot
Comment on Re^2: Alternating Table Row Colors Help!
Select or Download Code

Log In?

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://838623]
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others exploiting the Monastery: (2)
As of 2016-05-05 02:41 GMT
Find Nodes?
    Voting Booth?