проблема с 9/23

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

Подскажем, только давайте код текстом. Весь не видно.

24

Кнопка для вставки кода </>

26

Помогите решить проблему с 9/23

Имя файла изображения1600×900 86.3 KB

Что не так?

27

Начните с того, что уберите атрибут оформления таблицы из HTML-кода. Ему там делать нечего.
А дальше проверьте каждое свойство, написанное вами в CSS- коде. Их всего пять, это не долго. Читая свойство, попробуйте представить, что оно делает и самое главное, нужно ли оно здесь.

1 лайк
28

Спасибо! Убрал оформление таблицы, и все совпало.

29

Почему ни чего не происходит дальше? подскажите что не так?

Имя файла изображения1582×983 119 KB

30

Достаточно частая уже проблема. Попробуйте сохранить код и обновить страницу.

31

Сохраняю код и обновляю, таблица появляется на пару секунд и потом опять , пусто :frowning:

32

Посмотрите эту тему: Пропадает мини-браузер

1 лайк
34

`

Простая, но аккуратная таблица

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

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

}
td {
padding: 5px;
border-bottom: solid lightgray;
}`

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

Извините, что таким способом спрашиваю.
Я новичок, работаю на Маке браузер Сафари.
Не могу преодолеть пункт 9/23 Таблицы.

36

HTML-код не вижу (вставляется с помощью кнопки </>). Что касается CSS-кода, то внутренние отступы у ячеек по 10px, а ширина рамки снизу 2px.

1 лайк
37

Теперь та же проблема в 17/23, теперь исполнил и в Сафари и в Мозиле.
Посмотрите код плиз.

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

Это уже CSS

body { width: 350px; margin: 0; padding: 0 10px; font-size: 14px; font-family: Arial, sans-serif; } table { border-collapse: collapse; } th { padding: 10px; border-bottom: 2px solid black; border-collapse: collapse; } td { border: 2px solid lightgray; padding: 10px; } caption { caption-side: bottom; }

38

`

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

Рамка у ячеек должна быть тоньше, 1px, а так всё правильно. Обращайте внимание на вкладки “Наложение” и “Различия”.

40

border-bottom: 2px: а не 5

41

Вот так правильно!


42

Спасибо огромное! Уже не первые сутки не могу 100% совпадения добиться, а там 2 пикселя…
Ну, наконец-то!
ОГРОМНОЕ-ОГРОМНОЕ СПАСИБО!!!

1 лайк