[r3drock3t88]

Hey all,

Would anyone by chance know the best way to have every other row a different color in a box? For example...

------------------------------------------------------
this row would be light red in the background
------------------------------------------------------
This row would be light blue in the background
------------------------------------------------------
and so on...

I would assume some simple CSS code would suffice? But I am not so sure how to implement that into my content box. Thank you in advance for the help

**EDIT

I added...
#center_dif p{
background:#CCCCCC;
}
and that did the trick, but is there anyway to change the opacity (or transparency, same thing) of the colored background?

[dudeking]

.red{
background-color:red;
}
.blue{
background-color:blue;
}

Something as basic as that?

Just give the first <tr> tag the red class then the second blue and so on....

[r3drock3t88]

Hey DudeKing,

Thanks for the response, I managed to figure that part out, but now I am wondering if it is possible to change the opacity of the colored backgrounds? Is it even possible in CSS while also being compatible with IE? Or should I just simply create a 50% opacity level blue background and do
.blue{
background-color:url("images/background");
}

Would that be my best bet?

[harmor]

.classname {
	opacity: .5;
	filter: alpha(opacity=50);
}

This should work in FF and IE

[dudeking]

an image would be more compatible