Spanning Columns & Rows:

Note, the third row has only 2 columns and the first column spans across two columns.

one two three
four five six
seven eight

Produced by HTML Code: 

<table border="2" width="75%" cellspacing="0" cellpadding="4">
<tr>
<td width="33%">one</td>
<td width="33%">two</td>
<td width="34%">three</td>
</tr>
<tr>
<td width="33%">four</td>
<td width="33%">five</td>
<td width="34%">six</td>
</tr>
<tr>
<td width="66%" colspan="2">seven</td>
<td width="34%">eight</td>
</tr>
</table>

 Notice that rows two and three are combined in the center column.

one two three
four five

 

six
seven eight

Produced by HTML Code: 

<table border="2" width="75%" cellspacing="0" cellpadding="4" id="table1">
<tr>
  <td width="33%" align="center">one</td>
  <td width="33%" align="center"> two</td>
  <td width="34%" align="center">three</td>
</tr>
<tr>
  <td width="33%" align="center"> four  </td>
  <td width="33%" rowspan="2" align="center"> five </td>
  <td width="34%" align="center"> six  </td>
</tr>
<tr>
  <td width="33%" align="center"> seven  </td>
  <td width="34%" align="center">  eight  </b></td>
</tr>
</table>
 

     

Last updated on 05/24/2005  by L.M. Hicks