How to choose the color design for the header of a table?

[electriduct]

Hi,

I would like to change the design of the header of the table on my website.
Right now, it's a plain gray ugly color, so what I want is to use css to make a background image.
However, I dont know what color to use, it needs to match with the website, it needs to be viewable.
If anyone can give me some advice for some colors i could use, i would appreciate.

Example: http://www.electriduct.com/test/vincent/table.html

Thanks ;)

[A800]

If you're still keeping the gray color, here is a list of them:

#999999;
#888888;
#777777;
#666666;
#555555;
#444444;
#333333;
#222222;
#111111;

or you can go to this link: http://tools.dynamicdrive.com/gradient/

...and mess about with the colors and save the gradient image. After that, you can make the width and height thinner to suit your needs. And for the CSS part of it:



.header {
backgroud-image:url('link to image');
background-repeat:repeat-x;
}


Then place this in the table header:


class="header"

Hope this helps.

[electriduct]

Thanks for your informations.
However, I dont really want to keep the gray color, i want to get rid of plain color.
So you right, the most appropriate is a gradient, which one you can create yourself with your photoshop.

But my question was actually: an advice for a good-looking table, what color do you suggest?

I use Filter in IE to make my gradient, but im just wondering if there is anything like Filter in Firefox or other browser, it would allow me to not download a image for the background ....

Tx

[A800]

I don't really use Firefox, so i wouldn't know if there are any filter related stuff in FF.

Gradient headings, any colour that is able to clearly make the color of your font stand out, like a red/dark red gradient.

I would usually use white, red/dark red gradient, black borders (if i use a white background).

white, red, black and various other gray's seem to be popular on websites. It is entirely up to you though.