Добрый день. В упор не могу выловить ошибку, надежда ушла.
Текст упорно остается на своем месте не сдвигаясь ни на йоту. Заранее спасибо.
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;
}
Ineska
2
Проблема с названиями классов. tc1 видимо слишком коротко. А если написать .tc-1, то работает.
1 лайк
О_о Нормально, я второй день ошибки ищу… Спасибо большое х)))
2 лайка
Вы знаете, но отчего-то не сработало… О_О
Ineska
5
Покажите свою версию кода после исправления.