Tables with CSS?

[RENEE0]

Hey everyone,
This is my first post here and I'm a little confused with my tables here. Here's what I have:

<style type="text/css">
body, table {font-size:8pt; font-family:arial; font-color:black}
</style>
<table cellpadding="3">
<tr bgcolor="#CCCCCC"><td><b>Artist</b></td><td><b>Album Name</b></td></tr>
<tr bgcolor="#6BBDCB"><td>An Albatross</td><td>We Are the Lazer Viking</td></tr>
<tr bgcolor="#9AD2DC"><td>Brazil</td><td>A Hostage And the Meaning of Life</td></tr>
<tr bgcolor="#6BBDCB"><td>De Facto</td><td>Megaton Shotblast</td></tr>
<tr bgcolor="#9AD2DC"><td>Fatal Flying Guilloteens</td><td>Split EP</td></tr>
</table>

I'm making a list of my CD's and the CD's I want. What I want the table to do is to alternate tr background colors automatically, so I don't have to retype everything in when I need to add another CD in the middle of the whole group. I don't think it's HTML or CSS I need to use, and I know it's possible to do this. But how? :\

[c2uk]

First off, you could use table headings for the Artist and the Album name, eg:

<tr>
   <th>Artist</th>
   <th>Album</th>
</tr>

With css, this is easy to format:

th {font-weight:bold; background:#CCCCCC;}

Now your main issue. Well, I would use a database something like php / asp, with which you then also can achieve the alternate background. I'm not that experienced with it and this might not be the solution you are looking for, but I just don't know any other at the moment.

[Paul O'B]

Hi,

You could just place a striped background behind the table that repeats vertically.

e.g.

http://www.pmob.co.uk/temp/alternate-rows-css.htm

However that will soon break if the user resizes the text with the browser controls.

You could also do it with javascript as follows (not my js btw):

http://www.pmob.co.uk/temp/alternate-rows-js.htm

Obviously a serverside solution would be similar and more robust.

Hope it helps.

[rbutler]

If you're pulling from a database w/ ASP.NET I can show you how to do this in about two minutes .

P.S.: You'll probably want to PM me if you go server side b/c I'm working with Flash at the moment and we're not getting along and I'll forget to re-check the thread.