Испытание: таблица посложнее [17/23] Подскажите плиз,два дня долбаюсь,не пропускает

    <table border="1">
        <caption>Посещения по городам</caption>
        <tr>
            <th>Город</td>
            <th>Посещения</td>
            <th>Страниц</td>
            <th>Время</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 rowspan="2">нет данных</td>
            <td>00:00:44</td>            
        </tr>   
        <tr>
            <td>Киев</td>
            <td>5</td>
            <td>00:18:07</td>
        </tr>
        <tr>
            <td colspan="3">Всего посещений</td>
            <td>273</td>       
        </tr> 
    </table>

table{
border-collapse: collapse;
caption-side: bottom;
border-spacing:5px;
}
tr{
border: 1px solid lightgray;
}
td{
border: 1px solid lightgray;
padding: 10px;
}
th{
padding: 10px;
border: 1px;
border-bottom: 2px solid black;
}

th или td?

:man_facepalming:

конечно,спасибо,но это не сильно поменяло ситуацию с результатом

У вас много лишних строк в css. Попробуйте разбирать код построчно и представлять, для чего написана каждая из них.
А еще интересно, откуда берется эта строка, у многих:

Миша, старайтесь!!!
caption {caption-side: bottom; text-align: center }
table {border-collapse: collapse; }
td{padding: 10px ; border: 1px solid lightgray}
th {padding: 10px; border-bottom: 2px solid black;}

но это всё равно не пропускает,от моего варианта даже “холоднее” стало

Смотрите вкладку “Различия”.

на счёт

сам хз зачем воткнул,исправил этот момент
а по поводу “много лишних строк в css”…но как…на мой взгляд у меня наиболее понятный и оптимальный вариант(я не исключаю возможность ошибки,иначе не писал бы сюда,просто в виду отсутствия пока опыта,я никак не могу найти проблему)

Попробуйте прокомментировать каждую строку css-кода. Это очень полезно на самом деле.
Так и быть, начнем вместе.

Можно не так подробно, главное, чтобы не поленились в голове разобрать.

3 лайка

блин,спасибо огромное за терпение :sweat_smile:
я смотрел и искал проблему в html,когда прочитал "много лишних строк в css"
сейчас сделаю

Сделал,спасибо Вам :hugs: 100%
table{
border-collapse: collapse;
}
caption{caption-side: bottom;
}
td{
border: 1px solid lightgray;
padding: 10px;
}
th{
padding: 10px;
border-bottom: 2px solid black;
}

1 лайк

Миш, а вы мой вариант пробовали? Я тоже начинающая и мой вариант у меня сразу пошел:face_with_raised_eyebrow:.

Или вы это не о моем варианте? Короче я запуталась))))))) Пошла работать с 23…

пробовал,у меня он не прошёл,и даже от того варианта,с которым я уже сюда обратился,“холоднее” было :roll_eyes:

Во блин, странно.Ну да ладно. Сейчас над 23 потею))) чуть чуть осталось, но блин, пока не соображу(((( Честно эмоции так и прут…Ах ( P.S:все получилось, а не получалась у меня 9\23, а потом начала думать как посоветовала вам Инесса)))) )

Подскажите что не так

<!DOCTYPE html>
Таблица посложнее
<caption>Посещения по городам</caption>

    
    <th>Город</th>       <th>Посещения</th>   <th>Страниц</th>     <th>Время</th>
    
    <tr>
    <td>СПб</td>         <td>199</td>         <td>18,02</td>       <td >00:13:45</td></tr>
    <tr>
    <td>Москва</td>      <td>69</td>          <td rowspan="2">нет данных</td>  <td>00:00:44</td></tr>
    <tr>
    <td>Киев</td>        <td>5</td>                       <td>00:18:07</td></tr>
    <tr><td colspan="3">Всего посещений</td>                     <td>273</td>
</tr>
</table>
</body>
body {
width: 350px;
margin: 0;
padding: 10px;
font-size: 14px;
font-family: Arial, sans-serif;

}
Caption{
caption-side: bottom;
}
td{

border: 1px solid lightgray;

padding: 10px;
}

table{

   border-collapse: collapse;
   
}

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