Не работает ссылка на картинку
Есть основная папка HTML: в ней наша веб-страничка, картинки, фон сайта , файл style.css. В уроке мы создали папку CSS куда перенесли файл Style, следовательно, картинка (фон блока #block1) background-image перестала работать. Для нее прописала путь уровнем выше, как было показано - background-image: url('../42-fon-dlya-sayta.png'); пересохранила проект, но картинка (фон) так и не появилась. А в основной папке HTML создался еще один файл style.css. Возможно из-за него не работает. Проверяла несколько раз все, удаляла дубль style, не помогает
https://pastenow.ru/8de5fe72f43b867bc8e3074952c1d892
https://pastenow.ru/d8fcfe30677753231cbe842089dc51ce
КОД1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> <!--что это такое -->
<title>Моя первая страница</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="block1">
<div class="main-menu two">
<menu>
<li><a href="#">Главная</a></li>
<li><a href="#">Работы</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Контакты</a></li>
</menu>
</div>
<h1>Самый главный заголовок</h1>
<h2 align="right" class="red">Заголовок поменьше</h2>
<!--<h6>Самый маленький заголовок</h6>-->
<p>Обычный текст <br>
здесь</p>
<pre>Обычный текст тут</pre>
<img class="img-center" src="butterfly.png" alt="Бабочка" width="100">
<p align="justify" class="red">Сайт рыбатекст поможет <u><i><b>дизайнеру</b></i></u>, <i>верстальщику</i>, <u>вебмастеру</u> сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании <a href="https://google.com" target="_blank">генератора</a> мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
</p>
<p><a href="mailto:info@gmail.com">Напишите нам</a></p>
<a href="https://google.com"><img src="leopard.png" alt="Леопард" height="150"></a>
<img src="images/rastr.png" alt="Орел" height="150">
<ol type="I" start="3">
<li>Элемент 1</li>
<br>
<li value="5">Элемент 2</li>
<li>Элемент 3</li>
</ol>
<ol type="I">
<li>Бабочки
<ul> <li>красные</li>
<li>синие</li>
<li>зеленые</li> </ul>
</li>
<li>Шмели</li>
<li>Стрекозы</li>
</ol>
</div>
</body>
</html>
КОД2 - стили
body {
background-color: #008B8B;
color:white;
}
h1 {
font-size: 35px;
color:blue;
font-family: arial; /* шрифт */
text-align: center;
}
.red {
color:#FFB6C1;
}
#block1 {
width: 80%;
margin: 0 auto; /* блок по центру */
background-image: url('../42-fon-dlya-sayta.png');
padding: 15px;
border: 5px solid rgb(58, 161, 144);
border-radius: 30px;
}
u b {
color: blue;
}
menu { list-style: none; margin: 0 auto; }
a { text-decoration: none; font-family: Georgia; transition: .5s linear; }
.main-menu { display: block; width: 500px; margin: 0 auto 30px; }
.two menu { background: #D4E7EE; overflow: hidden; padding: 0; }
.two li { float: left; }
.two a { display: block; padding: 1em; border-right: 1px solid #B22222; background: rgba(173, 192, 206, .3);
color: #29838C; }
.two a:hover { background: #B22222 }
img {
transform: scale(1);
transition: 2s all;
}
img:hover {
transform: scale(1.2);
}
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
}
