Data Table format with CSS

Discussion in 'CSS' started by houstonaxl, Aug 22, 2006.

  1. #1
    ok I am working on a data heavy site that uses tables. I am trying to convert them over to CSS for the formatting and keep the file size down. I am having trouble with the font color within the tables.

    here is the CSS I am using:
    body  {
        background-color : black;
    }
    h1  {
        color : rgb(102 , 26 , 142);
        Font-size : 36pt;
        Font-family : times;
        text-align: center;
    }
    h2  {
        font-family : times;
        text-align: center;
        Color : rgb(255 , 215 , 0);
    }
    h3  {
        color : rgb(102 , 26 , 142);
        Font-family : times;
        text-align: center;
    }
    p {
        font-size : 11pt;
        margin-left : 50px;
    }
    hr  {
        color : yellow;
    }
    a:link  {
        color : yellow;
    }
    a:visited {
        color : e6bd07;
    }
    a:hover {
        color : rgb(255 , 215 , 0);
    }
    a:active  {
        color : blue;
    }
    #jamal  {
        border-width : 1px 1px 1px 1px;
        border-spacing : 2px;
        border-style : groove groove groove groove;
        border-color : yellow yellow yellow yellow;
        border-collapse : separate;
        background-color : rgb(102 , 26 , 142);
    }
    #jamal th,
    #jamal td {
        padding-right: .5em;
        border-width : 1px 1px 1px 1px;
        padding : 1px 1px 1px 1px;
        border-style : groove solid solid groove;
        border-color : rgb(255 , 215 , 0) rgb(255 , 215 , 0) rgb(255 , 215 , 0) rgb(255 , 215 , 0);
        background-color : rgb(102 , 26 , 142);
    }
    #jamal th {
        text-align: center;
        font-weight: bold;
        color: FFD700;
    }
    #jamal td {
    	 color: d3d3d3;
    }
    #jamal > thead > tr:first-child > th {
        text-align: center;
        color: Gold;
    }
    Code (markup):
    the site can be found at http://cards.houstonaxl.com/jamal/cstats.htm

    (Won't let me make this an active link yet! Sorry)


    Any help or suggestions welcome!
     
    houstonaxl, Aug 22, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    What is giving you trouble? Specifically.

    cheers,

    gary
     
    kk5st, Aug 22, 2006 IP
  3. Mano70

    Mano70 Peon

    Messages:
    42
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Your CSS isn't valid, you have errors in your font color definitions.

    Run the CSS through the validator and fix the errors. Ex. there isn't a color called gold, and color: FFD700; should be color: #FFD700;
     
    Mano70, Aug 23, 2006 IP