Переписать в валидный код можно?

Question

[Dimkin1447]

Здравствуйте, как данный код можно переписать в валидный код . Пробовал по разному, перестает vertical-align работать, то ещё что то.

<style>
  table {  border-collapse: collapse; }
  td {
    border: 1px solid blue;
    height: 100px;
  }
</style>

<table>
<tr>
  <td style="vertical-align: top">top</td>
  <td style="vertical-align: middle">middle</td>
  <td style="vertical-align: bottom">bottom</td>
</tr>
</table>

Comments

[Сергей delphinpro]

Данный код абсолютно валиден.
Что вас в нем смущает?

[Ankhena]

Как вы решили, что это невалидный код?
Нормальный, валидный, код.

[Dimkin1447]

Ankhena,
Просто ошибся и что бы проще было код прохожий скинул для примера. У меня вот на эти строчки ругается.

<table style="width:100%" cellspacing="0" cellpadding="0">

[Ankhena]

Dimkin1447, cellspacing это расстояние между ячейками, меняется на border-collapse: collapse для схлопывания границ и нулевых отступов. Либо border-collapse: separate и border-spacing: сколько-нужно чтобы отступы были.
cellpadding это внутренние отступы в ячейках td {padding: сколько-то там}

Я рекомендую прочитать (и перечитывать его время от времени) хотя бы простой справочник https://webref.ru/css, а еще лучше спецификацию.

Answer 1

[Владислав Лысков]

этот код валиден

Comments

[Dimkin1447]

Чет не тот походу код скинул. Для примера))

Answer 2

[Александр]

Странный вопрос, но да ладно.

Comments

[Владимир Коротенко]

А почему не ?

.valign-top{
vertical-align: top;
}

[Александр]

Владимир Коротенко, а зачем? Чтобы в дальнейшем на каждую строчку атомарный класс добавлять?

[Владислав Лысков]

Владимир Коротенко, Seasle,
на самом деле, самый правильный вариант это:

<table>
	<tr>
		<td valign="top">top</td>
		<td valign="middle">middle</td>
		<td valign="bottom">bottom</td>
	</tr>
</table>

[Александр]

Владислав Лысков, жаль Вас расстраивать, но сейчас уже HTML 5.2 и valign является устаревшим (https://www.w3.org/TR/html52/tabular-data.html#the...

[Владимир Коротенко]

Seasle, Вспоминать что значит nth как то напряжно.

[Владислав Лысков]

Seasle, вы ничуть меня не расстроили, спасибо за информацию!