Table with CSS

[Dysan]

How do I create the table as shown in my plan, found at the following URL, using a table & CSS?

http://www.freewebs.com/ticstacs/Grid/Plan.bmp

I have upload the two to green shades displayed as the background for the field headings, this can be found here:

http://www.freewebs.com/ticstacs/Grid/Background.bmp

[bpat1434]

Well, create the table headers for each of the 11 columns, then for each row, you'll have 11 columns. With the columns that have multiple rows, just use a table insdie the cell:

<table>
  <tr>
    <th><input type="checkbox" /></th>
    <th>B</th>
    <th>H</th>
    <th>L</th>
    <th>M</th>
    <th>T</th>
    <th>W</th>
    <th>T</th>
    <th>F</th>
    <th>S</th>
    <th>S</th>
  </tr>
  <!-- Loop starts here... -->
  <tr>
    <td><input type="checkbox" /></td>
    <td><strong>1)L</strong><br />C</td>
    <td><strong>5</strong></td>
    <td><strong>5</strong></td>
    <td>
      <table>
        <tr>
          <td><strong>5</strong></td>
          <td>&nbsp;</td>
          <td><strong>5</strong></td>
        </tr>
        <tr>
          <td colspan="3">C</td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td><strong>5</strong></td>
          <td>&nbsp;</td>
          <td><strong>5</strong></td>
        </tr>
        <tr>
          <td colspan="3">C</td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td><strong>5</strong></td>
          <td>&nbsp;</td>
          <td><strong>5</strong></td>
        </tr>
        <tr>
          <td colspan="3">C</td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td><strong>5</strong></td>
          <td>&nbsp;</td>
          <td><strong>5</strong></td>
        </tr>
        <tr>
          <td colspan="3">C</td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td><strong>5</strong></td>
          <td>&nbsp;</td>
          <td><strong>5</strong></td>
        </tr>
        <tr>
          <td colspan="3">C</td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td><strong>5</strong></td>
          <td>&nbsp;</td>
          <td><strong>5</strong></td>
        </tr>
        <tr>
          <td colspan="3">C</td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td><strong>5</strong></td>
          <td>&nbsp;</td>
          <td><strong>5</strong></td>
        </tr>
        <tr>
          <td colspan="3">C</td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- Loop ends here ... -->
</table>

Hope that helps....

[Dysan]

How do I change the width of each column, independently?

[bpat1434]

using the "width" keyword in the <td> or using an inline style declaring the "width".