here you go:

<style>
  .tbl{
    border-bottom:1px solid #000;
    border-collapse:collapse;
    border-spacing:0;
    width:92.2%}
    .tbl thead{
        font-weight:bold}
        .tbl thead td:first-child{
            border:0}
    .tbl td{
        border:1px solid #000;
        border-bottom:0}
        .tbl tbody td:first-child{
            font-weight:bold}
</style>
<table class="tbl">
    <thead>
        <tr>
            <td>&nbsp;</td>
            <td>Column 1 Title</td>
            <td>Column 2 Title</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Title</td>
            <td>Col 1 Row 1</td>
            <td>Col 2 Row 1</td></tr>
        <tr>
        <td>Row 2 Title</td>
            <td>Col 1 Row 2</td>
            <td>Col 2 Row 2</td>
        </tr>
    </tbody>
</table>



----------------------------------------------------------------------------

*Kristaps Ancāns*
*
*
Senior web developer (coder)
Mob.: +34 644340683
E-pasts: kristaps.anc...@gmail.com
Skype: kristaps.ancans
Web: fyfi.net <http://www.fyfi.net>, metalguide.org<http://www.metalguide.org>,
motorolleri.lv



On Fri, Sep 30, 2011 at 11:01, Grant Bailey <
grant_malcolm_bai...@westnet.com.au> wrote:

>  Hello,
>
> I'd be grateful for some help on this problem.
>
> I need to display a table. No problem except that it is one of those tables
> that have header columns on the left and right, which means that the top
> left-hand cell should not appear (i.e. have no border). Like this (please
> see attachment if the picture does not appear below):
>
>
> Here is my coding:
>
> <table class="Table_Text" width="92.2%" border="1" align="center"
> cellspacing="0">
> <tr style="font-weight: bold; ">
> <td style="border:none;"><br /></td>
> <td style="text-align: center; ">Column 1 Title</td>
> <td style="text-align: center; ">Column 2 Title</td></tr>
> <tr>
> <td style="font-weight: bold; ">Row 1 Title</td>
> <td>Col 1 Row 1</td>
> <td>Col 2 Row 1</td></tr>
> <tr>
> <td style="font-weight: bold; ">Row 2 Title</td>
> <td>Col 1 Row 2</td>
> <td>Col 2 Row 2</td></tr>
> </table>
>
> Unfortunately, all of the major browsers show the top-left cell with a
> border (a bit fainter, but you can still see it), despite my efforts (shown
> in code above) to render it invisible.
>
> If someone could advise me how to make the cell truly invisible I would be
> most grateful.
>
> Thank you and kind regards,
>
> Grant Bailey
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> *******************************************************************


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

<<feegfdfj.jpg>>

Reply via email to