CSS doesn't work at the report data font size.

Question

Greetings,
I'd like to adjust the font size of the data in a report because it has lots of columns. I used the alternating row color template with little modification. Since the CSS put everything by default size = 12px: <br>
* (line 2)
font-size: 12px;
<p>
I had to add the snippet in the header part:
<style type="text/css">
td.t12data {
font-size: 10px;
</style> "
<p>
Then the font size of all data was changed but the data with font descriptor like:
'<font color="#FF3522"> </font>'. The font size would NOT be changed to 10px, and stayed as 12px as the default. If I remove the color stuff, the size would be changed. Furthermore, the CSS class applied on those colored data are NOT as same as those regular data, say t10data. If I clicked them (CTRL_SHIFT_Y) in Firefox, it showed the default part, i.e. line 2 of CSS; but they are supposed to belong to the same CSS class, t10data.
<p>
My question is:
1) If I still want to keep those colors, how may I solve the problem?
2) Is there a way to change the color of a whole column? I tried to play with the column attribute but didn't succeed.
Thanks.
Message was edited by:
Luc

Answer 1

Hmm, I still could not find the reason why some rows in the table do not use the td.t10data style, instead the default style, the '*', ( from the FF WDE with CTRL+SHIFT+Y). So the font sizes are always 12px as:
* (line 2)
font-size: 12px;
Also, since I use the javascript to change the color of some columns, the font size of everything of those columns are also the default style, no matter how I changes font size in the script like:
td1.style.fontfamily='Arial';
td1.style.fontsize='10px';
Can somebody shed some light? Thanks in advance.