#1
  1. A Change of Season
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Mar 2004
    Location
    Next Door
    Posts
    2,672
    Rep Power
    171

    Issue with border in table


    Hi;

    In this page why is the border for Saturday column grey and not other columns? Please croll down to "Public Classes" to see it.

    Thanks
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2008
    Posts
    1
    Rep Power
    0
    All the table borders look the same/uniform using FireFox / Ubuntu.

    I can't post attachments, see here:

    Bloody hell, can't post links either!

    postimg.org /image /5v1jxk4cl/

    you can get from above.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2013
    Posts
    2
    Rep Power
    0

    table css styles


    http://html-css.happycodings.com/table-border-thin-solid-table-layout-auto.html

    Code:
    Table border thin solid table-layout auto
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>Table Border Thin Solid Table Layout Auto</title>
    <style>
    * {
        font-family: arial;
    }
    body {
        margin: 0;
    }
    table {
        border: thin solid red;
        table-layout: auto;
    }
    th, tfoot td {
        border: thin solid pink;
        text-align: center;
        font-weight: bold;
    }
    tbody td {
        font-size: 140%;
    }
    caption {
        font-size: 90%;
        text-align: right;
    }
    td, th, caption {
        padding: 5px;
    }
            
            </style>
        </head>
        <body>
            <table>
                <caption>
                    Table: My favorite Computers.
                </caption>
                <colgroup>
                    <col id='brand' />
                    <col id='speed' />
                    <col id='ram' />
                </colgroup>
                <thead>
                    <tr>
                        <th> brand            </th>
                        <th> speed            </th>
                        <th> ram              </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td> asus pc          </td>
                        <td> 2.4 ghz          </td>
                        <td> 2 gb             </td>
                    </tr>
                    <tr>
                        <td> lg pc            </td>
                        <td> 2 ghz            </td>
                        <td> 3 gb             </td>
                    </tr>
                    <tr>
                        <td> apple pc         </td>
                        <td> 4 ghz            </td>
                        <td> 4 gb             </td>
                    </tr>
                    <tr>
                        <td> gigabyte pc      </td>
                        <td> 3.6 ghz          </td>
                        <td> 6 gb             </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td> brand            </td>
                        <td> speed            </td>
                        <td> ram              </td>
                    </tr>
                </tfoot>
            </table>
        </body>
    </html>

IMN logo majestic logo threadwatch logo seochat tools logo