Почему html документ не видит список
Перейти к содержимому

Почему html документ не видит список

  • автор:

Не цепляется style.css, браузер не видит файл, в чем проблема?

Здравствуйте. 1. В браузере Google Chrome нужно открыть этот файл (index.html) 2. Нажать на ctrl и U на клавиатуре (или правой кнопкой мыши Показать исходный код страницы) 3. Найти синюю ссылку в открывшимся коде assets/css/style.css и кликнуть на нее Если после клика по ссылке assets/css/style.css открывается страница 404, тогда нужно проверить действительно ли файл style.css: a. Папка assets лежит на том же уровне, что и файл index.html b. Папка css лежит в папке assets c. Файл style.css лежит в папке css d. Название физического файла style.css действительно style.css, а не stail.css, stule.css, stal.css и прочее Если после этих шагов все равно браузер «не видит» стили, нужно пройти заново шаги с 1 по 4 и если файл style.css по ссылке открывается, тогда нужно файл index.html запустить в режиме инкогнито. Иногда браузеры кешируют страницы, чтобы быстрее при повторном обращении открывались. Чтобы сбросить cache открытой страницы нужно нажать на ctrl и f5 или открыть инструменты разработчика в браузере, нажав на кнопку f12 и во вкладке network нужно поставить чекбокс на Disable cache и обновить страницу повторно. Также вы можете скачать исходный код в видеоуроке (исходный код находится справа сверху вкладка под названием Файлы). После того как нажмете на ссылку, скачается zip архив. Файлы из zip архива нужно распаковать например на рабочий стол. После этого запустить файл index.html из распакованной папки. Исходный код всегда работает. Далее сравните скаченный исходный код с вашим. Также вы можете посмотреть готовый пример в этом интерактивном задании: https://fructcode.com/ru/courses/html-and-css/header-and-top-menu/

Сергей, благодарю. Шаги 1-3 я так и делал. После клика на синюю ссылку мне давалась информация, что файл не найден. (Cannot GET assests/css/style.css ) Размещено все верно, названия так же верные. перепроверял. Подцепил style.css через другой редактор breckets. Там подсказывался путь , после чего все заработало.

А в Subline Text почему не подсказывается такой путь? Режим Инкогнито не использовал.

html файл не видит css документа ну или просто не читает его [закрыт]

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Вопросы с просьбами помочь с отладкой («почему этот код не работает?») должны включать желаемое поведение, конкретную проблему или ошибку и минимальный код для её воспроизведения прямо в вопросе. Вопросы без явного описания проблемы бесполезны для остальных посетителей. См. Как создать минимальный, самодостаточный и воспроизводимый пример.

Закрыт 3 года назад .

html code css code Пробовал перекидывать из папки с русскими символами в папку без

Почему изображение не показывается на сайте?

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

Несовпадение регистра

В большинстве случаев в качестве операционной системы веб-сервера выступают Unix-подобные системы, которые различают регистр файла. Иными словами, файлы с именами PIC.gif, pic.gif и Pic.gif являются разными. При обращении из HTML-кода эту особенность необходимо учитывать и писать адрес изображения следует именно так, как он записан в системе. Чтобы не возникало путаницы, обычно договариваются, что все имена файлов и папок пишутся в нижнем регистре, также хранятся и документы.

Неверный адрес файла

Ошибка доступа к файлу часто возникает при неверной записи имени файла или папки где он хранится, т.е. из-за обычной опечатки. Также это происходит при неправильном указании относительного адреса файла вида ../../images/file.gif.

Использование локального адреса

Некоторые программы для редактирования HTML-кода добавляют изображения в виде локального адреса, начинающегося на ключевое слово file:/// . Далее следует путь к файлу в виде строки c:/имя папки/имя файла . Изображение при этом исправно показывается на локальном компьютере, а на сервере нет, поскольку на нем не существует заданного пути. В подобных случаях достаточно заменить локальный адрес к файлу на относительный.

Проверка изображений

Проверка отображения рисунка может происходить тремя путями: корректность графического файла, правильность HTML-кода и ревизия со стороны сервера.

Проверка графического файла заключается в определении его целостности — файл не должен быть поврежден и обязан без проблем отображаться в браузере. Для этого в браузере достаточно ввести полный локальный путь к файлу, например file:///с:/www/girl.jpg .

HTML-код должен содержать правильный адрес графического файла с учетом регистра. Как указывалось выше, желательно имена всех файлов писать строчными символами. Так, следующее написание может привести к тому, что файл перестанет отображаться.

Фотография

Если файл записан на сервере как girl.jpg, то обращение к нему в примере некорректно.

Со стороны сервера также можно проверить путь к файлу и его имя. Для этого в браузере Firefox следует щелкнуть по рисунку (или по месту, где он должен быть) правой кнопкой мыши и в контекстном меню выбрать «Информация об изображении». Появится окно показанное на рис. 1.

Рис. 1

Рис. 1. Абсолютный путь к графическому файлу

Пункт «Адрес» показывает, где, по мнению сервера, хранится изображение, а также в каком регистре задано имя. Сопоставляя эту информацию с имеющимся файлом, можно сделать вывод, почему изображение не показывается на странице.

HTML не видит файл CSS

Author24 — интернет-сервис помощи студентам

Всем привет! Друзья, очень нужна помощь. Я начинающий программист , только изучаю всё. Решил создать свой первый сайт. Попробовать, так сказать. Вот пишу код и понимаю , что ничего не происходит на сайте, тупо не подключается файл css к html. Решил заново написать путь , но снова ничего , даже менял местами файлы, клал в одну папку и т.д. Но , к сожалению, ничего. Проверьте пожалуйста, может я что-то не правильно всё таки сделал? Вот скрин: Вложение 945551
Очень буду благодарен за ответ!)

Скрин папок, где находятся файлы:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
 html lang="rus"> head> meta charset="UTF-8"> title>Киномостр/title> meta name="description" content="Киномостр- это портал о кино и сериалах"> meta name="keywords" content="Кино;сериалы;Киномостр;kinomonst> link rel="stylesheet" href="style.css"> /head> body> div class="main"> div class="header"> div class="logo"> div class="logo_text"> h1>a href="/">Киномонстрa>/h1> h2>Кино-наша страсть/h2> /div> /div> /div> /div> /body> /html>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
*{ margin: 0; padding: 0; } .header { width: 100% ; height: 180px ; background-color: #7b1fa2 ; font-size: 0.7em ; } .logo, .logo_text, .menubar { margin-left: auto ; margin-right: auto ; } .logo_text{ padding-left: 15%; padding-top: 25px; }

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *