Не получается поставить картинку на фон

Web Frontend: JavaScript, HTML/CSS
#1

Всем привет, не могу поставить картинку на фон как на картинке. Вот мой код помогите!

страница
страница904×785 233 KB

<!DOCTYPE html>
<html lang="eng">
<style type="text/css">
header   {background-color:white;
	      padding-top:15px;
		  min-height:50px;
		  border-bottom:#000000 3px solid;}
header li{display:inline;
		  padding: 0 50px 0 50px;
		  font-size: 15px;}
body     {background: url(‪C:\Images\forest.jpg)no-repeat;
          -moz-background-size: 100%
          -webkit-background-size: 100%
          background-size: 100%}
h1       {font-size: 60px;
          margin-top: 200px;
          letter-spacing: 10px}
p        {font-family: lobster;
          margin-top: 30px;
          font-size: 24px}
</style>
	<head>
		<title>Second Task</title>
	</head>

<body background="‪C:\Images\forest.jpg">
	<header>
		<ul>
			<li>MAIN</li>
			<li>BLOG</li>
			<li>CHALLENGE</li>
			<li>"DEFENDERS OF THE WORLD"</li>
			<li>PETITION TO PROTECT NATURE</li>
            <li>CONTACT</li>
            <li>ABOUT US</li>
		</ul>
	</header>
    <h1 align="center"><b>Protect our land</b></h1>
	<p align="center">"Environment is no one's property to destroy;<br>it's everyone's responsibility to protect</p>
	
    
    
</body>
</html>
#2

А где запускаете? Если на сервере, то может он не знает ничего о вашем диске С )
Обычно используют относительные пути http://htmlbook.ru/samhtml/ssylki/absolyutnye-i-otnositelnye-ssylki

Что именно происходит не так?

en https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang

#3

а ещё непонятка

не знаю, кто виноват (может быть, движок форума), но у меня при копировании этих строк перед C: вставляется символ Unicode (коды E2 80 AA )

#4

и слешы потребовалось удвоить…

body     {background: url(C:\\Images\\forest.jpg)no-repeat;
...
<body background="C:\\Images\\forest.jpg">

но вообще я полностью согласен с замечание @AlexP - никаких дисков C: на сервере, только путь от папки расположения index.html (или от корня сайта или относительный, применительно к расположению html файла

#5

а слеши лучше поставить такие (в данном случае папка images находится рядом с index.html)

body     {background: url(images/forest.jpg)no-repeat;
...
<body background="images/forest.jpg">
#6

Запускаю просто через win+s и документ открывается в хроме, дальше пишу код в саблайме и просто обновляю страницу. Кажется проблема в этом да?

#7

Да нет, проблема в том, ГДЕ у Вас лежит картинка и КАК Вы указываете путь к ней.
попробуйте распаковать архив и посмотреть:
ImageExample.zip (156.4 КБ)

#9

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

#10

Так там сейчас путь images/forest.jpg
То есть картинка должна быть в папке images. (ну или поменять путь)

#11

да картинка в папке images, и путь я изменил оставил лишь images/forest.jpg

#12

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

А что в DevTools в консоли и на вкладке Network?
https://learn.javascript.ru/devtools

image
image774×462 152 KB

#13

ИМХО. А как по мне так в первом посте картинка не в фоне, а в хедере.

#14

В фоне хедера :slight_smile: