Помогите найти ошибку в испытании: итоговая таблица [23/23]

Курсы §5. Знакомство с таблицами
1

CSS
.c1 {
text-align: center;
}
.c2 {
text-align: right;
}
.pink {
background-color: lightyellow;
}
.b1{
background-color: darkcyan;
}
.b2{
background-color: lightblue;
}
.a1{
padding-left: 90px;
}
.a2{
padding-right: 70px;
}
.n1{

text-align: left;
}
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial;
}
table{
border-collapse: collapse;
}
td{
border-bottom: 2px solid lightgray;
padding: 11px;
}

2 
 <meta charset="utf-8">
    <title>Заголовок таблицы</title>
</head>
<body>
    <h1>Распределение браузеров</h1>

    <table>
        <tr>
            <td>Браузер</td>
            <td>Посещения</td>
            <td>Доля</td>
        </tr>
        <tr>
            <td>Mozilla Firefox</td>
            <td>163</td>
            <td>59%</td>
        </tr>
        <tr>
            <td>Google Chrome</td>
            <td>78</td>
            <td>28%</td>
        </tr>
        <tr>
            <td>Safari</td>
            <td>35</td>
            <td>13%</td>
        </tr>
    </table>

</body>
3

такого 23 задания нету

4

Затрудняюсь сказать, из какого задания вы скопировали HTML-код, но точно не из 23-го. Задайте свой вопрос правильно, тогда вам обязательно помогут.

5

Испытание: итоговая таблица [23/23]

6

Нет, это код из https://htmlacademy.ru/courses/39/run/11.

7

кароче ясно! найду сам все исправлю и выложу сюда ! и еще раз говорю это таблицы 23 тест ! базовый курс

8

Вот именно, исправь и покажи им, не понимают ничего! Советую начать с того, что селекторы по классу в CSS совсем немножко ни разу не связаны с классами в HTML. :smile:

1 лайк
9

Здравствутйе!
ПОМОГИТЕ )) пожалуйста ! )

У меня здесь (прф.5 / 23-23) не получается заверишть задание… второй день пытаюсь разобраться - где ошибка - без толку ((

10

Код или картинку хотя бы для начала…

11

МОЙ HTML :

`

























Город Посещений %
СПб 199 65.12
Москва 69 21.3
Киев 5 8
Посещений за весь период 273
`

`

12

МОЙ CSS:

`table {
border-collapse: collapse;
}
th {
border-top: 1px solid black;
border-bottom: 2px solid black;
padding: 10px;
color: white;
width: 33%;
}

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

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

.row-3 {
    background-color: lightyellow;
}
.row-5 {
    background-color: lightblue;
}

.column-1 {
    text-align: left;
}

.column-2 {
text-align: center;
}

.column-3 {
    text-align: right;
}
.cell-1 {
    text-align: left;
}
.cell-2 {
    text-align: center;
}

.cell-3 {
    text-align: right;
}`
14

А вот. что я имею в результате (( Из всех понятных мне и очевидных причин на “Различия” - не понимаю, как содержимому тега ТиЭйч задать нужное расположение: left-center-right

15

С замирание сердца жду вашего ответа )))
Спасибо !!!

16

Большинство ваших проблем решит следующее: рамка снизу у th тоже 1px, а не 2…
Над остальным еще думаю, чтобы предложить вариант покороче…

2 лайка
17

У тега th есть свои стили, принятые по умолчанию. Это выделение текста жирным и выравнивание по середине. То есть, нам остается поправить “Город” и “%”.
Я предлагаю вам следующий вариант. Уберите все классы cell.
Для row-1 можно добавить text-align: left; (поскольку вы используете этот класс только один раз). А для “%” создать класс например row-2, для которого тоже прописать background-color: darkcyan;, а выравнивание текста по правому краю - text-align: right;
Обратите внимание на нумерацию в классах. Лучше, если она будет по порядку. Получается, что у вас нет класса row-4, но при этом row-5 почему-то есть.

2 лайка
18

СПА-СИ-БО !!! )))
всё-всё теперь получилось и на сто про ))))

2 лайка