Здравствуйте, помогите пожалуйста, имеется таблица <tr> <td bgcolor="#ABC"...

Рейтинг: 4 из 5, голосов 2
++++-
Здравствуйте, помогите пожалуйста, имеется таблица <tr> <td bgcolor="#ABC" width="200">1</td> <td bgcolor="#00D">2</td> <td rowspan="2" bgcolor="#D00" width="200">3</td> </tr> <tr> <td bgcolor="#ABC">4</td> <td rowspan="3">5</td> </tr> <tr> <td rowspan="2" bgcolor="#ABC" width="200">7</td> <td rowspan="2" width="200">9</td> </tr> <tr> </tr> <tfoot> <tr> <td colspan="3" bgcolor="#ABC">13</td> </tr> не получается объединить rowspan*ом ячейки на пустую строку, она как бы прописана в rowspan всех но в нет расширения, уже пробовал и пустые ячейки ставит и удалять совсем. Буду признателен если укажите на ошибку=)
Ответ:

Здравствуйте. Если я правильно понял, задача которую вы перед собой ставите - это визуально показать высоту пустого ряда.

Для этого можете воспользоваться, например, тегами переноса строки <br>.

Немного переписал ваш код, вот что вышло в итоге:

<table>
 <tbody>
  <tr>
   <td style="background-color: #abc;" width="200">1</td>
   <td style="background-color: #00d;">2</td>
   <td rowspan="2" style="background-color: #d00;" width="200">3</td>
  </tr>
  <tr>
   <td style="background-color: #abc;">4</td>
   <td rowspan="2">5</td>
  </tr>
  <tr>
   <td style="background-color: #abc;" width="200">7<br><br></td>
   <td width="200">9</td>
  </tr>
 </tbody>
 <tfoot>
  <tr>
   <td colspan="3" style="background-color: #abc;">13</td>
  </tr>
 </tfoot>
</table>

А вот так таблица отображается в браузере:

1 2 3
4 5
7

9
13

Надеюсь, это тот результат, на который вы рассчитывали. Если же я неправильно понял вашу задачу - жду уточнений в комментариях.

1
Оцените, насколько полезна эта страница
++++-
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.