create CSS for a table

Discussion in 'HTML' started by shank, Sep 26, 2003.

  1. shank

    shank Guest

    I have the below table. Can someone layout the CSS to make the equivalent
    appearance? I made the following CSS and for the most part it works. I need
    the whole table to have a 2px border. With my CSS, only the outside 4
    borders have a 2px border width. The top row/cell does not have any border
    at all. I gotta have one.
    thanks

    /* TABLE CSS */
    ..hc {
    border-style: solid;
    border-width: 2px;
    border-color: #CC0000;
    width: 100%;
    padding: 20px
    }
    /* TOP ROW CELL CSS */
    ..hctoprow {
    background-color: #CC0000;
    border-style: solid;
    border-width: 2px;
    border-color: #CC0000;
    padding: 2px
    }
    -----------------------
    <table width="100%" border="2" cellpadding="0" cellspacing="0"
    bordercolor="#CC0000">
    <tr align="center">
    <td bgcolor="#CC0000">
    <font color="#FFFFCC" size="2" face="Arial, Helvetica, sans-serif"><strong>
    1st row stuff
    HITS!</strong></font>
    </td>
    </tr>
    <tr align="center">
    <td >
    2nd row stuff
    </td>
    </tr>
    </table>
     
    shank, Sep 26, 2003
    #1
    1. Advertising

  2. In post <byZcb.19684$>
    shank said...

    > I have the below table. Can someone layout the CSS to make the equivalent
    > appearance?


    <style type="text/css" media="all">
    table{width:100%;text-align:center;border-collapse:collapse;}
    table,th,td{border:2px solid #CC0000;}
    th{color:#FFFFCC;background-color:#CC0000;}
    </style>

    <table>
    <thead><tr><th>1st row stuff HITS!</th></tr></thead>
    <tbody><tr><td>2nd row stuff</td></tr></tbody>
    </table>

    --
    27/September/2003 02:27:19 am
     
    =?iso-8859-1?Q?brucie?=, Sep 26, 2003
    #2
    1. Advertising

  3. shank

    shank Guest

    "brucie" <-html.org> wrote in message
    news:1jdynwssofuo8$...
    > In post <byZcb.19684$>
    > shank said...
    >
    > > I have the below table. Can someone layout the CSS to make the

    equivalent
    > > appearance?

    >
    > <style type="text/css" media="all">
    > table{width:100%;text-align:center;border-collapse:collapse;}
    > table,th,td{border:2px solid #CC0000;}
    > th{color:#FFFFCC;background-color:#CC0000;}
    > </style>
    >
    > <table>
    > <thead><tr><th>1st row stuff HITS!</th></tr></thead>
    > <tbody><tr><td>2nd row stuff</td></tr></tbody>
    > </table>
    >
    > --
    > 27/September/2003 02:27:19 am
    >

    This worked great! Thanks! Curious though... It does not display correctly
    in DreamweaverMX, but does show correctly in the server.
    thanks!
     
    shank, Sep 26, 2003
    #3
  4. shank

    Sid Ismail Guest

    On Fri, 26 Sep 2003 18:51:47 GMT, "shank" <> wrote:

    : This worked great! Thanks! Curious though... It does not display correctly
    : in DreamweaverMX, but does show correctly in the server.
    : thanks!


    Dreamweaver's internal browser isn't suped-up.

    Sid
     
    Sid Ismail, Sep 26, 2003
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Eric
    Replies:
    4
    Views:
    734
    clintonG
    Dec 24, 2004
  2. Replies:
    7
    Views:
    14,220
    tonnie
    Jul 21, 2006
  3. Replies:
    3
    Views:
    906
    richard
    Sep 24, 2006
  4. donet programmer
    Replies:
    1
    Views:
    513
    donet programmer
    Dec 5, 2006
  5. vitay
    Replies:
    8
    Views:
    551
    Stan McCann
    Nov 9, 2006
Loading...

Share This Page