Кексби: промежуточное испытание 8.

Aleksej_Zyurkalov · 25.Октябрь.2016 20:21:54

День добрый!

Просьба оказать помощь, не могу понять в чем ошибка! При проверки выделяет красным:

      <div class="page-footer">
  <div class="footer-top">
    <div class="footer-logo">
      <img src="img/logo.png" alt="Кваст">
    </div>
  </div>
  <div class="footer-middle">
    <div class="footer-menu">
      <ul>
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</a></li>
        <li><a href="#">Ассортимент</a></li>
        <li><a href="#">Где купить</a></li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="footer-social">
        <a class="social-btn" href="https://instagram.com/htmlacademy">Инстаграм</a>
        <a class="social-btn" href="https://facebook.com/htmlacademy">Фейсбук</a>
        <a class="social-btn" href="https://vk.com/htmlacademy">Вконтакте</a>
    </div>
      <p>При перепечатке материалов ссылка на сайт обязательна!</p>
    <div class="footer-copyright">
        <img src="img/htmlacademy.png" alt="htmlacademy"><b>Разработчик:</b>
        <a href="#">HTML Academy</a>
    </div>
  </div>
</div>

Ineska · 26.Октябрь.2016 06:08:59

Похоже, что не хватает пробела. Попробуйте написать тег b с новой строки в коде. Для строчных элементов это имеет смысл.

Aleksej_Zyurkalov · 26.Октябрь.2016 15:38:21

Спасибо за совет!!! Проблема решена.

DariaT · 27.Октябрь.2016 00:35:20

<div class="page-footer">

История
Производство
Ассортимент
Где купить

Инстаграм Фейсбук Вконтакте

При перепечатке материалов ссылка на сайт обязательна!

Разработчик: HTML Academy

Помогите разобраться, загружаю последний блок, а в графе “Ваш результат” пустота. не загружает подвал, почему?

DariaT · 27.Октябрь.2016 00:36:38

<div class="page-footer">
  <div class="footer-top">
    <div class="footer-logo">
      <img src="logo.png" alt="Кваст">
    </div>
  </div>
  <div class="footer-middle">
    <div class="footer-menu">
      <ul>
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</a></li>
        <li><a href="#">Ассортимент</a></li>
        <li><a href="#">Где купить</a></li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="footer-social">
        <a class="social-btn" href="https://instagram.com/htmlacademy">Инстаграм</a>
        <a class="social-btn" href="https://facebook.com/htmlacademy">Фейсбук</a>
        <a class="social-btn" href="https://vk.com/htmlacademy">Вконтакте</a>
    </div>
      <p>При перепечатке материалов ссылка на сайт обязательна!</p>
    <div class="footer-copyright">
        <img src="htmlacademy.png" alt="htmlacademy"><b>Разработчик:</b>
        <a href="#">HTML Academy</a>
    </div>
  </div>
</div>`Текст "как есть" (без применения форматирования)`

Ineska · 27.Октябрь.2016 04:42:08

Возможно из-за слишком большого количества обёрток. Попробуйте убрать несколько div-ов.

DariaT · 27.Октябрь.2016 17:36:48

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

Сейчас мой код в таком виде:

     <div class="page-footer">
      <img src="logo.png" alt="Кваст">
   <ul>
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</a></li>
        <li><a href="#">Ассортимент</a></li>
        <li><a href="#">Где купить</a></li>
   </ul>
      <div class="footer-social">
        <a class="footer-social" href="https://instagram.com/htmlacademy">Инстаграм</a>
        <a class="footer-social" href="https://facebook.com/htmlacademy">Фейсбук</a>
        <a class="footer-social" href="https://vk.com/htmlacademy">Вконтакте</a>
      </div>
      <p>При перепечатке материалов ссылка на сайт обязательна!</p>
    
        <img src="htmlacademy.png" alt="htmlacademy">
<b>Разработчик:</b>
        <a href="#">HTML Academy</a>
    </div>

Ineska · 27.Октябрь.2016 17:40:34

Странно. К этому фрагменту вопросов нет. Попробуйте проверить блок 7. Если он неправильно оформлен или не закрыт, это могло отразиться на восьмом.

DariaT · 27.Октябрь.2016 17:50:07

Да, действительно, в предыдущем блоке забыла закрыть один div, хотя блок горел зеленым, даже не думала что в нем ошибка. Теперь все верно, все 8 блоков. Спасибо!

Radoslaw_Mulawka · 01.Ноябрь.2016 15:18:38

У меня та же проблема. Код написан, забит в архив, в моём браузере отображется корректно, но при проверке Вашим сервером - пустота. Вот сам код последнего блока `

<img src="img/logo.png">
	<ul>
	
		<li><a href="#">История</a></li>
		<li><a href="#">Производство</a></li>
		<li><a href="#">Ассортимент</a></li>
		<li><a href="#">Где купить</a></li>
		
	</ul>
	<p><a href="#">Инстаграм</a> <a href="#">Фейсбук</a> <a href="#">Вконтакте</a></p>
	<p>При перепечатке материалов ссылка на сайт обязательна!</p> 
	<img src="img/htmlacademy.png"> <b>Разработчик: </b><a href="#">HTML Academy</a>

</div>`

Ineska · 01.Ноябрь.2016 17:08:48

А открывающий тег div есть?

Radoslaw_Mulawka · 01.Ноябрь.2016 17:35:49

Да, конечно. Извиняюсь за неточность. Вот полный код. `

<meta charset="utf-8">
<title>Кваст</title>
<link type="text/css" rel="stylesheet" href="styles/style.css">

<div class="header">
	<img src="img/logo.png">
	<ul>
	
		<li><a href="#">История</a></li>
		<li><a href="#">Производство</a></li>
		<li><a href="#">Ассортимент</a></li>
		<li><a href="#">Где купить</a></li>
		
	</ul>
Крафтовый квас<br>
всему голова!

</div>








<div class="new">

<h2>Новинки</h2>
<h3>Вахтёр</h3>

<table>
	<tr>
		<td>Алк.</td>
		<td>< 1%</td>
	</tr>
	
	<tr>
		<td>Ккал:</td>
		<td>35</td>
	</tr>

</table> <p>
Ржаной хлеб, Вода, Солод, Соль </p>


<img src="img/bottle-left.jpg"> 
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений! </p>
<a href="#">Подробнее</a> <a href="#">Купить</a> <strong>150 Р.</strong>




<h3>Романтик</h3>

<table>
	<tr>
		<td>Алк.</td>
		<td>< 0,5%</td>
	</tr>
	
	<tr>
		<td>Ккал:</td>
		<td>27</td>
	</tr>

</table> <p>
Ячменный хлеб, Вода, Солод, Апельсин </p>


<img src="img/bottle-right.jpg"> 
<p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a href="#">Подробнее</a> <a href="#">Купить</a> <strong>90 Р.</strong>




</div>







<div class="features">
	<ul>
		<li><h2>Варим сами</h2></li>
		Вот этими самыми руками. Экспериментируем и творим, что хотим.
		<li><h2>Своё, родное<h2></li>
		Не заработка ради, а импортозамещения для. Поднимаем производство.
		<li><h2>Не экономим<h2></li>
		Человек это то, что он ест и пьет. У нас только качественные ингридиенты.
	
	
	</ul>

</div>








<div class="history">

	<h2>Немного истории</h2>
	
	<dl>
	
	
	<dt><h3>Происхождение кваса<h3></dt>
	<em>Источник:</em> <a href="ru.wikipedia.org">ru.wikipedia.org</a> <br>
	<dd>
	<img src="img/wiki-1.png">
	<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
	 </dd>
	</dl>
	
	
	<dl>
	
	
	<dt><h3>Классификация кваса<h3></dt>
	<em>Источник:</em> <a href="ru.wikipedia.org">ru.wikipedia.org</a> <br>
	<dd>
	<img src="img/wiki-2.png">
	<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
	 </dd>
	</dl>
	
	
</div>








<div class="press">
	<dl>
	<dt><h2>Пресса о нас</h2></dt>
	
	<dd>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и<br> Руслану за то, что предоставили целую бочку своего напитка!</dd>

	<dd><p><i>Газета столичный Стольник</i> <a href="#">Читать далее</a><p></dd>
	
	</dl>

</div>








<div class="assortment">


	<h2>Ассортимент</h2>
	
	<table>


		<tr>
			<th>Название</th>
			<th>Алк.</th>
			<th>Ккал</th>
			<th>Объём</th>
			<th>Стоимость</th>
		
		</tr>

		<tr>
			<td>Классика</td>
			<td>< 1,2%</td>
			<td>33</td>
			<td>330 мл</td>
			<td>120 Р.</td>
		</tr>
		
		<tr>
			<td>Шабаш</td>
			<td>> 1,2%</td>
			<td>45</td>
			<td>330 мл</td>
			<td>250 Р.</td>
		</tr>
		
		<tr>
			<td>Вахтёр <sup>Новинка</sup></td>
			<td>< 1%</td>
			<td>35</td>
			<td>0,5 л</td>
			<td>150 Р.</td>
		</tr>
		
		<tr>
			<td>Романтик <sup>Новинка</sup></td>
			<td>< 0,5%</td>
			<td>27</td>
			<td>0,5 л</td>
			<td>90 Р.</td>
		</tr>









	</table>

</div>








<div class="order">

	<h2>Заказать</h2>
	<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.
	
	<form method="post" name="order-form">
	
	<label for="name1">Представьтесь:</label> <input type="text" name="name1"></input><br>
	<label for="tel">Номер телефона:</label> <input type="text" name="tel"></input><br>
	<label for="addtel">Доп. номер:</label> <input type="text" name="addtel"></input><br>
	<label for="email">Email:</label> <input type="text" name="email"></input><br>
	
	<label for="quantity">Объем заказа:</label>
	<select name="quantity">
	<option value="5-10">От 5 до 10 баррелей в неделю<option>
	
	
	
	
	</select>
<br>
	
	<label for="huge-text">Доп. комментарий:</label>
	<textarea rows="10" cols="96"></textarea>
	<br>
	<input type="checkbox" value="yes" name="yes"><label for="yes"> Я согласен получать квасную рассылку</label>
<br>
	<input type="submit" value="Отправить заказ">








	</form>

</div>

<div class="bottom">

<img src="img/logo.png">
	<ul>
	
		<li><a href="#">История</a></li>
		<li><a href="#">Производство</a></li>
		<li><a href="#">Ассортимент</a></li>
		<li><a href="#">Где купить</a></li>
		
	</ul>
	<p><a href="#">Инстаграм</a> <a href="#">Фейсбук</a> <a href="#">Вконтакте</a></p>
	<p>При перепечатке материалов ссылка на сайт обязательна!</p> 
	<img src="img/htmlacademy.png"> <b>Разработчик: </b><a href="#">HTML Academy</a>






</div>

`

Ineska · 01.Ноябрь.2016 17:44:09

Есть пара ошибок в предыдущем блоке. Возможно, это могло повлиять на проверку.

Radoslaw_Mulawka · 01.Ноябрь.2016 18:19:17

Спасибо, исправил, но не помогло )

Ineska · 01.Ноябрь.2016 18:37:55

Код последнего блока правильный, отправляла на проверку сама.

Radoslaw_Mulawka · 02.Ноябрь.2016 08:54:04

Спасибо за помощь)!

Radoslaw_Mulawka · 02.Ноябрь.2016 09:00:39

Я разобрался, между блоками был тег разрыва строки br, из-за него не отображался вообще блок, убрал и всё пошло как по маслу. Может пригодится кому.

Vladimir_Naumov · 10.Ноябрь.2016 10:10:23

Здравствуйте!
Может кто-то подскажет. Как и у некоторых, у меня уперто не показывается восьмой блок. Очень быстро до него дошел и быстро сделал его самого, но споткнулся на показе. В самом браузере настораживает то, что логотип вплотную прилегает к кнопке “Отправить заказ”. Обычно дивы разделяют блоки, а здесь нет. Вся предыдущая верстка проверена многократно. Все что открыто - закрыто. Никаких ошибок не видно. Может кто-то сталкивался с этим.
Спасибо.

Ineska · 10.Ноябрь.2016 10:21:02

Код 7-8 блоков текстом, пожалуйста.

Vladimir_Naumov · 10.Ноябрь.2016 10:27:05

Скрины 7 и 8 блоков.