Results 1 to 4 of 4

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

  1. #1
    Join Date
    Oct 2007
    Location
    Florida, USA
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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

  2. #2
    Join Date
    Dec 2007
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post

    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:

    Code:
    .header {
    backgroud-image:url('link to image');
    background-repeat:repeat-x;
    }
    Then place this in the table header:

    Code:
    class="header"
    Hope this helps.

  3. #3
    Join Date
    Oct 2007
    Location
    Florida, USA
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Dec 2007
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •