Испытание: итоговая таблица [23/23]. 95%, что не так со шрифтами?

Курсы §5. Знакомство с таблицами
1 
<tr>
                <th class="cell-1" >Город</th>
                <th class="cell-2">Посещений</th>
                <th class="cell-3">%</th>
                </tr>
            <tr>
                <td>СПб</td>
                <td class="cell-4">199</td>
                <td class="cell-5">65.12</td>
                </tr>

Почему-то первая часть не отображается в тегах…

        <tr class="row-1">
            <td>Москва</td>
            <td class="cell-4">69</td>
            <td class="cell-5">21.3</td>
            </tr>
        <tr>
            <td>Киев</td>
            <td class="cell-4">5</td>
            <td class="cell-5">8</td>
            </tr>
        <tr class="row-2">
            <td colspan="2">Посещений за весь период</td>
             <td class="cell-5">273</td>
            </tr>
            </table>
    </body>

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse;
padding: 10px;

}

th {
border: 1px solid black;
width: 33%;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 10px
}

td {
border-bottom: 1px solid lightgrey;
width: 33%;
padding: 10px;
}

.cell-1 {
background-color: darkcyan;
color: white;
text-align: left
}

.cell-2 {
background-color: lightblue;
color: white;
}

.cell-3 {
background-color: darkcyan;
color: white;
text-align: right
}

.cell-4 {
text-align: center
}

.cell-5 {
text-align: right
}

.row-1 {
background-color: lightyellow;
}

.row-2 {
background-color: lightyellow;

}

Вопрос.png1180×671 46.3 KB

2

Для th слишком много border, вам так не кажется?

3

оу, действительно переборщил:slight_smile:
Но процент от этого не увеличился(

4

А картинка с различиями изменилась?

5

Нет, не изменилась. Там же получилось просто дублирование рамки для th.

6

Покажите правило для th после исправлений.

7

th {
border: 1px solid black;
width: 33%;
padding: 10px
}

8

Обратите внимание, что в образце рамка только сверху и снизу.

9

В точку! не тот border удалил) вот теперь 100%
th {
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 33%;
padding: 10px
}
Большое Спасибо!!!