Не применяется фон в веб странице.Урок 3.1 Основы HTML CSS

 <!DOCTYPE html>
 <html>
  <head>
  	<meta charset="UTF-8">
  	<title>Макет сайта</title>
	  <link rel="stylesheet" href="css/master.css">
  </head>
  <body>

  </body>
</html>

На странице сайта не применяется фон,почему?код перепроверила правильно написан.

Думаю расположение каталогов.но тоже все указано как на видео

CSS

body {
background-image: url(../2-fon-serogo-karbona.png);
}

Я в обоих программах пыталась в SublimeText и Atom

Адрес сайта: file:///C:/Users/%D0%A1%D0%BD%D0%B5%D0%B6%D0%B0%D0%BD%D0%B0/Desktop/HTML/maket.html

Урок 3.1 Основы HTML CSS макет сайта

Снежана Терехина

3 years ago

проверьте для начала подключается ли у вас css - вместо картинки например пропишите бэкграунд просто цветом.

или наоборот можете проверить - скопировать ваш css код в html-файл в раздел <style>...</style> - так вы проверите - работает ли css-код

а ссылку на картинку лучше укажите относительно корня - т.е. без ..,

а просто /путь к картинке

Роман

3 years ago

Проверила bg/цвет фона задался.значит работает,а как по другому указать.не понимаю я еще этих путях правильно указала путь в css?

body {
	background-image: url(24-fon-dlya-sayta.png);
}
#frame {
	width: 1000px;
	margin: 0 auto;
	background-color: black;
	display: table;
}
header {
	width: 90%;
	height: 50px;
	border: 1px solid white;
	margin: 0 auto;
	margin-top: 10px;
	text-align:  center;
}
nav {
	width: 90%;
	height: 30px;
	border: 1px solid white;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 20px;
	font-family: Comic Sans MS;
}
main {
	height: 400px;
	width: 65%;
	margin: 10px;
	padding: 10px;
	border: 1px solid white;
	float: left;
}
aside {
	width: 25%;
	height: 400px;
	margin: 10px;
	float: right;
	border: 1px solid white;
}
.clear {
	clear: both;
}
footer {

}

Снежана Терехина

3 years ago

у меня после этого идет еще селектор #frame если так пропишешь путь по правильоному.он перстает светиться и ничего не работает

Снежана Терехина

3 years ago

По всякому уже испробовала,в инете читала все варианты перепробовала.никак
body {
background-image: url(html/images/24-fon-dlya-sayta.png);
}
с точками,без точек.с верхними одной кавычками ' ' такими. и без image cлова...

Снежана Терехина

3 years ago

body {
background-image: url(img/1-tekstura-chernogo-melkogo-karbona.png);

Снежана Терехина

3 years ago

Может в Html что не правильно????я уже два часа голову ломаю

Снежана Терехина

3 years ago

background-image: url("img/1-tekstura-chernogo-melkogo-karbona.png");

кавычки нужно,

провериить, подключается ли у вас css - клик правой клавишей по странице -> исходный код страницы-> клик по строчке <link rel="stylesheet" href=

если переход на таблицу стилей, то всё ок

если объект нот фаунд и т.п. значит неправильно прописан путь

student_kAR68Gv3

3 years ago

7 ответов