Все как в уроке сделано, а браузер не отображает изменений, как исправить?

Урок 20

.header {
	background-color: darkslateblue;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
}

.main, .logo, .menubar, .sait_content, .footer {
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 880px;
	padding-bottom: 40px;
}

html

css

15 ответов

Покажите полностью код HTML и код CSS.

Пока вижу опечатку в названии класса sait_content, должен быть site_content.

Вижу ошибку в подключении CSS-файла style.css

<link rel="stylesheet" gref="assets/css/style.css"/>

Должно быть не gref, а href

1. Нужно открыть index.html в браузере и нажать на ctrl + u (или правой кнопкой мыши на странице кликнуть и выбрать Показать исходный код)

2. В исходном коде найти <link rel="stylesheet" href="assets/css/style.css"/> и кликнуть на assets/css/style.css

3. Если открывается файл assets/css/style.css в браузере по клику, значит нужно попробовать открыть сайт в приватном режиме браузера (ctrl + shift + n) и если сайт корректно отображается, тогда в обычном режиме браузера страница закешировалась (браузер запоминает файлы и повторно их не загружает для ускорения повторной загрузки страниц). Чтобы в обычном режиме браузера сбросить кеш для страницы, нужно нажать на ctrl + f5 и сайт будет нормально отображаться с загруженными стилями.

4. Если файл assets/css/style.css не открывается в исходном коде в браузере по клику, тогда нужно проверить путь к файлу assets/css/style.css и убедиться, что путь верный и по этому пути находится файл style.css.

Исходник скачайте из урока полностью проектом в архиве (в уроках справа сверху вкладка файлы) и запустите у себя. Если все нормально, тогда копируйте из исходника код и сравнивайте с вашим.

Попробуйте открыть в приватном режиме браузера или в другом браузере.

Максим, пути к css должны задаваться относительно, а не прямой путь, иначе, если сайт перенести на хостинг или в другу папку, стили перестанут работать.

здравствуйте! я нашел решение к этой проблеме, заходите в папку, где находится документ style.css, нажимаете по ней ПКМ и свойства, копируете расположение файла и ставите в LInk. Должно получится что-то вроде этого-

получилось исправить отображение ? что помогло ? а то такая же беда=(

ничего из этих вариантов не помогает

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="description" content="Кинодром - это портал о кино" />
	<meta name="keyvords" content="фильмы, фильмы онлайн, hd" />
	<link rel="stylesheet" gref="assets/css/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>



.header {
	background-color: darkslateblue;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
}

.main, .logo, .menubar, .sit_content, .footer {
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 880px;
	padding-bottom: 40px;
}

спасибо за исправление, но никаких изменений

спасибо за исправление. но никаких изменений....

ну и что делать дальше?

д.день. в п.3 вы пишите - если открывается файл assets/css/style.css в браузере по клику - да у меня открывается,

далее вы пишите - нужно попробовать открыть сайт в приватном режиме браузера. нажимаю ctrl+shift+n , а как указать в строке браузера путь к моему сайту? Если я указываю assets/css/style.css, то браузер пишет что *не удалось найти ip адрес сервера. Если указываю с/users....... style.css, то открывает style.css , если указываю путь c/users/.......kinodrom , то открыватся страница *содержание c/users/..... , родительский каталог и т.д.

файл assets..... открывается в исходном коде браузера

спасибо. скопировала. запустила. но также как и у меня все слева, и без цвета