odd/even color row thing in CSS

[madhavr]

hi all

i wrote a script recently which does the thing in tables where all odd rows are white and even rows are grey.

but im not too sure how this thing can be done in CSS.

can anybody give me some pointers here?

thanks

[Mordecai]

It can't be done using a single CSS element. You'll have to alter the TR/TD's style in order to do this. You can use the mod (%) operator to find out if a certain number is even, and use that to change the style.

Just use class="row$odd", where $odd would be boolean based on inverse results of the mod operator.

In your <style> tags, have the elements "row0" and "row1" (or 1 and 2).

[stolzyboy]

hmmmmm

that seems silly to do it that way, when you can just do it the normal way with php

IMHO

[madhavr]

thanks modecai your suggestion worked

[BuzzLY]

Stolzyboy, why is that silly? If you do it the way Mordecai suggested, then whenever you want to either a) change the look/feel of the site, or b) use different "skins" for your site, all it requires is a changed / new css file.

Otherwise, you'd have to go in and modify the php.

Check out phpbb's implementation of this concept. It's pretty well done, if not a little complex.

[stolzyboy]

i'm not real sure why i put that in this post, i remember when i did this post, but i'm pretty sure it was meant for a different post

i think this was a case of the HUA Syndrome