colspan rowspan проблема?

Question

Я пытаюсь создать таблицу, которая имеет 6 столбцов и 6 строк. первый тд должен быть распределен по четырем столбцам и четырем строкам. тогда второй тд первого ряда должен быть 2 кол. нижние два ряда всего 6 тд.

это код, который я пытаюсь ... http://jsfiddle.net/uzi002/dByer/1/

но все портится ... вот что я пытаюсь получить ...

Answer 1

Вот пример того, что вы хотите, с ячейками «заполнителя», добавленными для достижения желаемого макета: http://jsfiddle.net/NGP3x/

Вы растягиваете ряды по строкам, которых там нет ... хотя вы можете просто захотеть использовать CSS, чтобы получить визуальный результат, который вы имеете в виду.

Answer 2

Вы пытаетесь использовать размах строк над несуществующими строками. А вам в нижних строках не хватило столбцов.

Попробуйте это:

<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>

1006 *