Help with coloring a table

Discussion in 'HTML & Website Design' started by slacker8, Sep 19, 2009.

  1. #1
    Hi,
    I want to make this table look better: http://mydedis.com/servers.html
    With some colors, style, etc. But also easily readable :)
    Any help is much appreciated.
    Thanks
     
    slacker8, Sep 19, 2009 IP
  2. Maggie2009

    Maggie2009 Peon

    Messages:
    112
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Maggie2009, Sep 19, 2009 IP
  3. slacker8

    slacker8 Peon

    Messages:
    176
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    hey, thanks for the tip, it wasn't so difficult after all :)
    What do you think? Does gray look ok for the table?
     
    slacker8, Sep 20, 2009 IP
  4. Maggie2009

    Maggie2009 Peon

    Messages:
    112
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    The grey looks good and the table looks a lot better, easier to read! :) Sounds like you had some fun too. I was going to suggest a real light powder blue for the background, not sure how that would look with the blue links in the table.

    Overall, the table looks very nice!
     
    Maggie2009, Sep 20, 2009 IP
  5. instant87

    instant87 Active Member

    Messages:
    626
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    80
    #5
    Remove the blue outline on the images (this can be done with css), and change the link colors if you're going to keep the same background. Otherwise, it looks good!
     
    instant87, Sep 20, 2009 IP
  6. stuart.letterman

    stuart.letterman Guest

    Messages:
    143
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Hey try changing this bit of code:
    <style type="text/css">
    <!--
    .style1 {
    	color: #000000;
    	font-weight: bold;
    }
    -->
    </style>
    Code (markup):
    With this code instead to remove the blue borders on the "buy now" buttons:

    <style type="text/css">
    <!--
    .style1 {
    	color: #000000;
    	font-weight: bold;
    }
    a img{
    border:0;
    }
    -->
    </style>
    Code (markup):
     
    stuart.letterman, Sep 20, 2009 IP
  7. slacker8

    slacker8 Peon

    Messages:
    176
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks guys, I changed the table background to something more blueish, but I'm not sure it looks "right".
    I did try some other kinds of blue but that the fonts were not very readable :(
    And thanks stuart.letterman for the tip, the fact is I couldn't see the blue border with chrome or opera, only firefox :)
     
    slacker8, Sep 21, 2009 IP