Beefy Boxes and Bandwidth Generously Provided by pair Networks
Think about Loose Coupling

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 chanting in the Monastery: (5)
As of 2015-11-29 15:47 GMT
Find Nodes?
    Voting Booth?

    What would be the most significant thing to happen if a rope (or wire) tied the Earth and the Moon together?

    Results (751 votes), past polls