Почему таблица html не проходит валидацию?

Question

[Nina Blase]

Привет, друзья! Не могу разобраться почему таблица не проходит валидацию? Выдает ошибку Table cell is overlapped by later table cell. Помогите пожалуйста решить.

<table>
   <tbody>
		<tr>
		     <td>Стоимость</td>
			 <td rowspan="5" class="white_td"></td>
			 <td>Внутри МКАД</td>
			 <td rowspan="5" class="white_td"></td>
			 <td>За МКАД</td>
			 <td rowspan="5" class="white_td"></td>
			<td>Самовывоз</td>
		</tr>
		<tr  class="white_row"><td colspan="7"></td></tr>
		<tr>
			<td>&gt;15000р.</td>
			<td>0</td>
			<td>35р/1км</td>
			<td>по пред.заказу</td>
		</tr>
		<tr  class="white_row"><td colspan="7"></td></tr>
		<tr>
			<td>&lt;15000р.</td>
			<td>800</td>
			<td>35р/1км</td>
			<td>по пред.заказу</td>
		</tr>
	</tbody>
</table>

Должно получиться так

Comments

[Дмитрий Ковальский]

Разметку покажите. Если не знаете как - в форме редакции есть кнопка с тремя точками. нажмите ее и выберите html

Answer 1

[Сергей Иванов]

Вам не проще стилями сделать промежутки.

td{
  border: 10px solid #fff;
}

/*
  можно сложнее типа :
*/

td:first-child{
  border-right: 10px solid #fff;
  border-bottom: 10px solid #fff;
}

<table>
<tbody>
            <tr>
              <td>Стоимость</td>
              <td>Внутри МКАД</td>
              <td>За МКАД</td>
              <td>Самовывоз</td>
            </tr>
            <tr>
              <td>&gt;15000р.</td>
              <td>0</td>
              <td>35р/1км</td>
              <td>по пред.заказу</td>
            </tr>
            <tr>
              <td>&lt;15000р.</td>
              <td>800</td>
              <td>35р/1км</td>
              <td>по пред.заказу</td>
            </tr>
          </tbody>
        </table>

И не надо будет пользоваться rowspan colspan

Comments

[Nina Blase]

Отличное решение! Только у меня в этом случая исчезает рамка вокруг таблицы.

[Сергей Иванов]

Nina Blase: С помощью css можно любую рамку сделать хоть для каждой ячейки свою

Answer 2

[Андрей Буров]

Ясно же написано Table cell is overlapped by later table cell.
У Вас <td rowspan="5" class="white_td"></td> пересекается с <tr class="white_row"><td colspan="7"></td></tr>

Comments

[Nina Blase]

Ну если они должны пересекаться то как мне решить эту задачу?

[Андрей Буров]

Nina Blase: чем решение от Сергей Иванов не нравится?