Question

Im trying to create a table which has 6 columns and 6 rows.
the first td should be spread across four columns and four rows.
then the second td of the first row should be 2 col span.
the bottom two rows are just 6 tds.

this is the code im trying…
http://jsfiddle.net/uzi002/dByer/1/

but its messing up…this is what im trying to get…

Answer 1

You are trying to use rowspan over rows that does not exist.
And you bottom rows did not have enough columns.

Try this:

<table id="phototable" border=1>
<tr>
  <td rowspan="2" colspan="4">1</td> 
  <td colspan="2">2</td>
</tr>
<tr>
  <td colspan="2">3</td>
</tr>
<tr>
  <td>6</td>
  <td>6</td>
  <td>6</td> 
  <td>6</td>
  <td>6</td>
  <td>6</td>
</tr>
<tr>
  <td>6</td>
  <td>6</td>
  <td>6</td>
  <td>6</td> 
  <td>6</td>
  <td>6</td>
</tr>

​