23/23 Ошибка в Итоговой таблице.

Добрый день. В упор не могу выловить ошибку, надежда ушла.
Текст упорно остается на своем месте не сдвигаясь ни на йоту. Заранее спасибо.

HTML

<tr>
    <th class="tс1"> Город </th>
    <th class="color"> Посещений </th>   
    <th class="tс3"> % </th>
</tr>   

<tr>
    <td class="tс1"> СПб </td>
    <td> 199 </td>
    <td class="tс3"> 65.12 </td>
 </tr>
 
 <tr class= "tr3-5">
    <td class="tс1"> Москва </td>
    <td> 69 </td>
    <td class="tс3"> 21.3 </td>
 </tr>
 
 <tr>
    <td class="tс1"> Киев </td>
    <td> 5 </td>
    <td class="tс3"> 8 </td>
</tr>

<tr class= "tr3-5">
    <td colspan="2" class="tс1"> 
    Посещений за весь период  </td>
    <td class="tс3"> 273 </td>
</tr>
</table>

И CSS Соответственно.

 table {
    border-collapse: collapse;
} 
body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
th {
    width: 33%;
    color: white;
    background-color: darkcyan;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px;
}
td {
    padding: 10px;
    text-align: center;
}
.color {
    background-color: lightblue;
}
.tc1 {
    text-align: left;
}  
.tc3 {
    text-align: right;
}
.tr3-5 {
    background-color: lightyellow;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

Проблема с названиями классов. tc1 видимо слишком коротко. А если написать .tc-1, то работает.

1 лайк

О_о Нормально, я второй день ошибки ищу… Спасибо большое х)))

2 лайка

Вы знаете, но отчего-то не сработало… О_О

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