Знакомство с таблицами (9/23) Ответ на возможную проблему.

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

Добрый день, дорогие читатели данного поста. На днях я столкнулся с такой проблемой, что при проверки 9 задания, раздел “Знакомство с таблицами” мне выдавало ошибки.

Обращайте внимание на то, закрыты ли у Вас скобочки в CSS{}, или правильно поставленные знаки.

В своё время у меня оставалось 2 попытки из 10 и я заметил, что в CSS в td {} - padding: 10px , стояли раздельно. То есть было так:

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

table {
border-collapse:collapse;
}

td {
padding: 10 px;(ОБРАТИТЕ ВНИМАНИЕ!)
border-bottom: 2px solid lightgray;
}

В итоге оказалось из-за того что px были раздельне, то не получалось.

Так же обратите внимание на правильность написание всех слов, что в CSS and HTML. Что бы все атрибуты были закрыты и т.п.

Думаю я кому то помог. Желаю удачи в прохождении курса. Ниже скину полный код если у кого то что-то не получается.

КОД:

HTML

<html>
    <head>
        <meta charset="utf-8">
        <title>Таблица посложнее</title>
    </head>
    <body>
        <h1> Посещения по городам </h1>
       <table>
   <tr>
       <td>Город</td>
       <td>Посещения</td>
       <td>Страниц</td>
       <td>Время</td>           
    </tr>       
    
    <tr>
        <td>СПб</td>
        <td>199</td>
        <td>18,02</td>
        <td>00:13:45</td>
    </tr>
    
    <tr>
        <td>Москва</td>
        <td>69</td>
        <td>1,48</td>
        <td>00:00:44</td>
    </tr>
    
    <tr>
        <td>Киев</td>
        <td>5</td>
        <td>13,43</td>
        <td>00:18:07</td>
    </tr>
   </table>
    </body>
</html>

CSS

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

table {
border-collapse:collapse;
}

td {
padding: 10px;
border-bottom: 2px solid lightgray;
}

2 лайка