Итоговая таблица

Курсы §5. Знакомство с таблицами
1 
<h1>Итоговая таблица</h1>
    <table>
        <tr>
            <th class="Thcell1">Город</th>
            <th class="Thcell2">Посещений</th>
            <th class="Thcell3">%</th>
        </tr>
        
        <tr>
            <td class="cell1">СПб</td>
            <td>199</td>
            <td class="cell3">65.12</td>
        </tr>
        
        <tr class="col3">
            <td class="cell1">Москва</td>
            <td>69</td>
            <td class="cell3">21.3</td>
        </tr>
        
        <tr>
            <td class="cell1">Киев</td>
            <td>5</td>
            <td class="cell3">8</td>
        </tr>
        
        <tr class="col5">
            <td colspan="2" class="cell1">Посещений за вес
             период</td>
            <td class="cell3">273</td>
        </tr>

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

}

table{
border-collapse:collapse;
}

td{
width:33% ;
padding:10px;
}

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

td{
border-top: 1px solid black;
border-bottom: 1px solid black;
text-align: center;
}
.Thcell1{
text-align:left;
background-color:darkcyan;
}
.Thcell2{
background-color:lightblue;
color: white;
}

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

.cell1{
text-align:left;
}

.cell3{
text-align:right;
}

.col3, .col5{
background-color:lightyellow;
}

Вот такая ошибка. Как исправить?

2

Ширину th надо задавать отдельно.

3

То есть вот так?
td{
width:33% ;
padding:10px;
}

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

4

Да, именно так.

5

После исправление “Посещений за весь период” осталась только ячейка Город.

Та же проблема

6

Проблема с цветом скорее всего, и с цветом рамки для td тоже.

7

Изменил цвет рамки td на lightgray, но исправился только на 6%. Но проблема с ячейкой Город все равно остался

8

Проверьте цвет слова “Город”.

1 лайк
9

Забыл тексту дать белый свет. Спасибо)