Баг в задании: Испытание: простая, но аккуратная таблица [9/23]

Курсы §5. Знакомство с таблицами
#1 
Тег
не создает границы у таблицы, причем только в этом испытании. Если перенести этот же код в любое другое создается таблица с границами. Простая, но аккуратная таблица

Посещения по городам

Город Посещения Страниц Время
СПБ 199 18,02 00:13:45
Москва 69 1,48 00:00:44
Киев 5 13,43 00:18:07 
Итог, отображаемый в браузере.

Посещения по городам

Город	Посещения	Страниц	Время
СПБ	   199	        18,02	 00:13:45
Москва	   69	         1,48	00:00:44
Киев	   5            13,43	00:18:07
Знакомство с таблицами / Испытание: простая, но аккуратная таблица [9/23]
#2 
 Причем если в тег
Добавить border, то граница у таблицы появляется. Однако изменить её через CSS файл уже не получается. Этот баг наблюдается во всех испытаниях 5 главы.
#3

Это есть нормально т.к. рамку можно задавать через HTML код можно. Изначально типо так и делалось, а уже благодаря CSS появляется возможность и через него добавлять табличку рамке + задавать ей стили :blush:

#4

В том то и дело, что задать через CSS не получается - рамка просто не появляется.
Если данный код вместе с кодом CSS вставить, например, в 8 задание 5 главы то таблица отображается корректно.

#5

Привет!

Скиньте, пожалуйста, код, которым вы добавляете рамку в CSS.

#6

Свойство padding работает нормально, создает отступы.

body{
    width:260px;
    margin:0;
    padding:0 10px;
    font-size:11px;
    font-family:"Arial";
}
table{
    border-collapse:collapse;
}
td{    
    padding:10px;
    border-bottom:1px solid:#ccc;    
}
#7

Screenshot_1.png1090×554 67.6 KB

#8

У вас ошибка в синтаксисе, из-за которой рамка не применяется. После solid не нужно двоеточие.

#9

Спасибо, а то я паники навел. Уже все несколько раз перепроверял, но это не заметил.

1 симпатия
#10

Почему у меня там таблица маленькая,хотя все вроде правильно сделал?

#11

Не знаю, почему. Не вижу.
Код не хотите показать?

1 симпатия
#12

плюс ко всему, по заданию цвет lightgrey

#13

почему border-bottom неработает?

Простая, но аккуратная таблица body { width: 350px; margin: 0; padding: 0 10px; font-size: 14px; font-family: Arial, sans-serif; } table{border-collapse:collapse; border-bottom: 2px solid lightgray;}

td{
border: 1PX SOLID lightgray;
padding:10px;
border-bottom: 2px solid lightgray;


Посещения по городам



























Город Посещения Страниц Время
СПБ 199 18,02 00:13:45
Москва 69 1,48 00:00:44
Киев 5 13,43 00:18:07

#14

Напишите правильно сначала…

#16

body{
width:260px;
margin:0;
padding:0 10px; нужно тут исправить на padding:0 15px;
font-size:14px;
font-family:“Arial”;
}
table{
border-collapse:collapse;
}
td{
padding:10px;
border-bottom:1px solid#ccc;
}

#17

Здравствуйте, в теории , в 5 пункте сказано: “размеры отступов равны 5”, на самом деле 10 исправьте пожалуйста.
P.S. Или я неправильно понял.

#18

Ну вообще 10 тоже кратно 5.

#19

Добрый день! Прочитала все по этой теме. Все равно вертикальные линии и границы таблицы не убираются.
Что я сделала не так?

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

table {
border-collapse:collapse;
}

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

Спасибо!
#20

о. спасибо. с 10 заработало. Точно, 10 кратно 5ти. Блин. Еще раз спасибо

#21

Привет ребят, в испытании “простая, но аккуратная таблица” есть ошибка: в задании прописаны отступы по 5px, а по факту они по 10px.

5 испытание
5 испытание.jpg1214×728 143 KB