Знакомство с таблицами / Испытание: таблица посложнее [17/23]


#1

Доброго времени суток , будьте добры .
Отпишите , что делаю не так ) или хотя бы намекните(трудновато дается знакомство с CSS) :

Таблица посложнее Посещения по городам
Город Посещения Страниц Время
Cпб 199 18,02 00:13:45
Москва 69 нет данных 00:00:44
Киев 5 нет данных 00:18:07
Всего посещений 273

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

caption {
caption-side: bottom;
}

table {
border-collapse: collapse;

}
td {
padding: 5px;
padding-right: 30px;
border: 1px solid lightgray;
padding-left: 30px;

}

th {
padding: 5px;/*


#2

Почему “нет данных” дважды написано?
Отступы у ячеек одинаковы со всех сторон. Ориентируйтесь по вкладке “Различия”.


#3
Таблица посложнее Посещения по городам
Город Посещения Страниц Время
Cпб 199 18,02 00:13:45
Москва 69 нет данных 00:00:44
Киев 5 00:18:07
Всего посещений 273

исправил , но все равно что то не так
/*body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;}

caption {
caption-side: bottom;
padding-top: 1px;solid black;
}

table {
border-collapse: collapse;

}
td {

padding: 10px;
padding-right: 10px;
border: 1px solid lightgray;
padding-left: 10px;

}

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

}/*


#4
th {
    border-bottom: 3px solid black; /* многовато */
    padding: 10px;
}

 td {
    padding: 10px;
    padding-right: 10px;    /* это лишнее */
    border: 1px solid lightgray;
    padding-left: 10px;     /* это лишнее */
}

Повнимательнее: ineska уже обращала Ваше внимание на отступы.

При оформлении кода в сообщениях на форуме делайте 4 пробела от левого края до текста – будет выглядеть лучше.


#5

Принял, спаибо