С боем дается "Кексби. Промежуточное испытание". Подскажите, плиз, в чем ошибка.

Добрый день.
К сожалению, в окружении нет ни одного программиста, очень сложно, как оказалось, самой начинать.
Скачала для работы bluefish, т.к. не поняла, в чем писать код, делаю в ней. Буду рада рекомендациям, если эта программа не очень хороша.
Не могу пройти первую проверку. Не видит картинку логотипа. А браузер отдельно видит. Упростила код, убрала все дивы (кстати, это верное решение или лучше всё сразу в див завернуть?)

  <!DOCTYPE HTML>
  <html>
   <head>
    <meta charset="utf-8">
    <title>Кваст</title>
   </head>
   <body>
   <div class="header">
 <img src="img/logo.png" alt="Кваст">
 <ul class="header-menu">
  <li> <a href="#"> История</a></li>
 <li> <a href="#"> Производство</a></li>
 <li> <a href="#"> Ассортимент</a></li>
 <li> <a href="#"> Где купить</a></li>
 </ul>

<p>Крафтовый квас<br> всему голова!</p>
</div>
  </body>
</html>

2017-11-28_132529

По поводу редактора кода, вы можете выбрать один из наиболее известных, почитав статью из блога Академии.
Для логотипа лучше оставить обертку в div, а в остальном можно и так оставить.
Что касается отсутствия картинок при проверке, убедитесь в наличии папки img в архиве, который отправляете на проверку.

1 лайк

Спасибо! Всё получилось! :cherry_blossom:

Сейчас делаю 3 часть.
В браузере, опять же, всё хорошо.
При проверке не отображается вообще.
Все скобки перепроверила.

<div class="advantage">
<ul>
<li>
<h2>Варим сами</h2>
<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
</li>

<li>
<h2>Своё, родное</h2>
<p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
</li>

<li>
<h2>Не экономим</h2>
<p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
</li>
</ul>
</div>

Что может быть не так?:roll_eyes:

Пожалуйста, пользуйтесь поиском по разделу “Промежуточные испытания”.
Отсутствие блока целиком при проверке говорит об ошибке в одном из предыдущих блоков. Ошибка будет связана с отсутствием закрывающего тега или наличием общей обертки на несколько блоков.

1 лайк