Проблема проверки таблицы HTML - элемент th не имеет ячеек, начинающихся в нем

Не могу понять, как избавиться от этих двух ошибок, которые я получаю в валидаторе HTML5:

Строка 11, столбец 151: Столбцы таблицы в диапазоне 2…3, установленном элементом th, не имеют ячеек, начинающихся в них. …t-weight:normal;padding:25px 5px 0 25px;overflow:hidden;word-break:normal;">

Строка ошибки 11, столбец 151: столбец 5 таблицы, созданный элементом th, не имеет ячеек, начинающихся в нем. …t-weight:normal;padding:25px 5px 0 25px;overflow:hidden;word-break:normal;">

Любые идеи?

ИСТОЧНИК:

<table style="line-height: 21.9px; font-size: 14.6px; font-family: arial, helvetica, sans-serif; border-collapse:collapse;border-spacing:0; width:100%; max-width: 550px; background: #fff; margin: 15px auto;box-shadow:0px 0px 25px 1px rgba(19, 44, 54, 0.4);">
  <tr>
    <th colspan="5" style="font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:25px 5px 0 25px;overflow:hidden;word-break:normal;">   
            <img src="http://location.com/header.jpg" width="500" height="220" alt="päis" style="border:0;">
    </th>
  </tr>
  <tr>
    <td colspan="5" style="font-family:Arial, sans-serif;font-size:14px;padding:8px 25px;word-break:normal;vertical-align: top;"><p style="padding:0 5px; margin: 0; color: #354347;"><strong>Lorem ipsum.</strong><br /> 
    Lorem ipsum</p>
    </td>
  </tr>
  <tr>
    <td colspan="3" rowspan="3" style="font-family:Arial, sans-serif;font-size:14px;padding:8px 25px;word-break:normal;vertical-align: top;"><img src="http://location.com/foto-vasak.jpg" width="226" height="160" alt="vasak" style="border:0;"></td>
    <td colspan="2" style="font-family:Arial, sans-serif;font-size:14px;padding: 5px 5px !important;word-break:normal;vertical-align: top;"><p style="padding:0 5px; margin: 0; color: #354347;">Lorem ipsum</p>
    </td>
  </tr>
  <tr>
    <td colspan="2" style="font-family:Arial, sans-serif;font-size:14px;padding:8px 25px;word-break:normal;vertical-align: top; padding: 5px 5px !important;"><img src="http://location.com/kandideeri.png" alt="kandideeri" width="287" height="57" style="display:block; margin-left: -40px; border:0;">
    </td>
  </tr>
  <tr>
    <td colspan="2" style="font-family:Arial, sans-serif;font-size:14px;padding:8px 25px;word-break:normal;vertical-align: top; padding: 5px 5px !important;"><p style="padding:0 5px; margin: 0; color: #354347;">Lorem ipsum <a href="http://location.com/" target="_blank">Lorem ipsum</a>
või <a href="http://location.com/" target="_blank">Lorem ipsum</a></p>
    </td>
  </tr>
  <tr>
    <th colspan="5" style="text-align:left; font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding: 10px 5px 0 25px !important; overflow:hidden;word-break:normal;"><a href="http://location.com/" target="_blank">
      <img src="http://location.com/logo.jpg" width="215" height="49" alt="logo" style="border:0;"></a><br /><br />
    </th> 
  </tr>

</table>

html html-table html-validation
person Laniakea    schedule 20.05.2014    source источник
comment
это полная таблица? Если да, то почему он использует 5 столбцов, когда у вас больше всего подряд 2?   -  person Pete    schedule 20.05.2014
comment
да, это полная таблица, а colspan=2 дает дальнейшие ошибки.   -  person Laniakea    schedule 20.05.2014
comment
Я получаю нет ошибок таблицы при проверке Fiddle, но вашу таблицу, как указано выше, можно было бы сделать вот так - было бы проще отслеживать ваши строки и столбцы (если у вас нет 5 столбцов подряд, которые не показаны)   -  person Pete    schedule 20.05.2014
comment
Вы были правы, colspan=5 не нужен. Причина, по которой я получил дополнительные ошибки, заключалась в том, что я изменил только th colspan, но не td. Спасибо.   -  person Laniakea    schedule 20.05.2014

Ответы (1)


arrow_upward
2
arrow_downward

Есть хак. Сделайте это для первой строки таблицы

  <tr style="display:none">
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
  </tr>

Это сообщит браузеру, что есть пять столбцов. Это подтвердит.

person ncmathsadist    schedule 05.09.2018