MODifikaTOR18
@MODifikaTOR18
Тот самый джуниор

Почему содержимое таблицы отображается вне таблицы?

Верстаю таблицу, пишу для ячеек стили, но они не применяются. Обнаружил, что содержимое таблицы отображается перед ней. Как мне это исправить чтобы и содержимое нормально отображалось и стили применялись? Смотрел через хром и мазиллу.
5c246ed21b522470658564.png5c246ed8b4f15056606694.png

Код таблицы:
<table clas="table_price">
                <th>
                   <tr>Наименовение услуги</tr> <tr class="separator"></tr> <tr>Цена, р</tr>
                   </th>
               <td>
                   <tr>dasdasdas</tr><tr>dasdasdas</tr>
               </td>
               <td>
                   <tr>dasdasdas</tr><tr>dasdasdas</tr>
                   </td>
            </table>


table.separator {
    width: 20px;
    height: 20px;
}

table.table_price span{
    padding: 40px 40px 40px 40px !important; 
}
  • Вопрос задан
  • 38 просмотров
Решения вопроса 1
@forspamonly2
вы вложенность перепутали. tr снаружи, td/th внутри
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@roman94
1. Перепутана вложенность. Надо так:
<table class="table_price">
  <tr>
    <th>Наименовение услуги</th>
    <th>Цена</th>
  </tr>
    <tr>
    <td>Item 1</td>
    <td>Item 2</td>
  </tr>
  <tr class="separator"></tr>           <tr>
    <td>Item 1</td>
    <td>Item 2</td>
  </tr>         
</table>


2. В css поставьте пробел после table, так как в вашем случае данный стиль будет применяться только к таблице с классом separator

table .separator {
    width: 20px;
    height: 20px;
}


3. Исправьте clas на class

<table clas="table_price">
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
HTML Academy Санкт-Петербург
от 130 000 до 160 000 руб.
Smart Медицина Москва
от 120 000 руб.
26 марта 2019, в 01:09
40000 руб./за проект
26 марта 2019, в 00:54
40000 руб./за проект
26 марта 2019, в 00:31
20000 руб./за проект