Промежуточное испытание - не отображается 8 блок

Mila1 · 08.Октябрь.2018 12:56:55

<div class="page-footer">
		<div class="footer-logo">
			<img src="img/logo.png" alt="Кваст" />
		</div>
		<ul class="menu-nav">
			<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="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>
			<p>При перепечатке материалов ссылка на сайт обязательна!</p>
		</div>
		<div class="footer-copyright">
			<img src="img/htmlacademy.png" alt=" Логотип Academy" />
			<b class="razrab">Разработчик:</b> <a href="https://htmlacademy.ru" title="Перейти на сайт разработчика">HTML Academy</a>
		</div>
	</div>

Ineska · 08.Октябрь.2018 13:12:39

Если блок не отображается целиком, то это означает, что есть ошибка в одном из предыдущих блоков. Возможно в седьмом. Ошибка связана с неправильным закрытием/не закрытием тега.
Будьте внимательны, такие проблемы на форуме были рассмотрены не раз.
Ссылка на раздел: http://forum.academy/c/kursy/promezhutochnye-ispytaniya

Mila1 · 08.Октябрь.2018 13:18:26

А если все предыдущие блоки закрыты на 100%.

Mila1 · 08.Октябрь.2018 13:20:27

<div class="order-form">
			<h2>Заказать</h2>
			<p class="feedback-tip">Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
			<form class="feedback-form" action="/mail" method="post">
				<div class="feedback-form-group">
					<label for="fullname">Представьтесь:</label>
					<input type="text" name="fullname" id="fullname" />
				</div>
				<div class="feedback-form-group">
					<label for="phone">Номер телефона:</label>
					<input type="text" name="phone" id="phone" />
				</div>
				<div class="feedback-form-group">
					<label for="phone">Доп. номер:</label>
					<input type="text" name="phone" id="phone" />
				</div>
				<div class="feedback-form-group">
					<label for="email">Email:</label>
					<input type="text" name="email" id="email" />
				</div>
				<div class="feedback-form-group">
					<label for="topic">Объем заказа:</label>
					<select name="topic" id="topic">
					<option value="1">От 5 до 10 баррелей в неделю</option>
					<option value="2">Возврат товара</option>
					<option value="3">Жалоба в Роспотребнадзор</option>
					</select>
				</div>
				<div class="feedback-form-group">
					<label for="message">Доп. комментарий:</label>
					<textarea rows="10" cols="96" type="text" name="message" id="message">
					</textarea>
				</div>
				<div class="checkbox-area">
					<label>
						<input type="checkbox" name="subscription" />
						Я согласен получать квасную рассылку
					</label>
				</div>
				<input type="submit" class="btn" value="Отправить заказ" />
			</form>
		</div>

Ineska · 08.Октябрь.2018 13:21:41

Ваш код не отобразился правильно, откорректируйте, пожалуйста.

Mila1 · 08.Октябрь.2018 13:31:40

Откорректировать, нужно 8 блок?

Ineska · 08.Октябрь.2018 13:33:03

Нет, я о блоке с формой, который, как я предполагаю, вы хотели показать.

Mila1 · 08.Октябрь.2018 13:35:43

Я просто в блоке с формой не могу найти ошибку, блок прошел проверку на 100%, понять не могу , что с ним не так.?

Ineska · 08.Октябрь.2018 13:37:29

Покажите код 7-го блока, как показывали код восьмого в первом сообщении.

Mila1 · 08.Октябрь.2018 13:49:02

Все большое спасибо, переделала 7 блок и 8 блок прошел.

Velheor · 25.Январь.2019 10:35:37

Доброго дня!
Я снова к вам за помощью.
Не отображается восьмой блок. Проверила код несколько раз, но глаз видимо уже так замылился, что не вижу ошибки - вроде бы все теги закрыты, но это значит, что я её просто не могу найти никак… Помогите пожалуйста!

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Кваст</title>
  </head>
  <body>
<div class="page-header">
<div class="header-top">
<div class="header-logo">
<img src="img/logo.png" width="140" height="76" alt="Кваст">
</div>
<ul class="main-panel">
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
</div>
<div class="amaze">
Крафтовый квас
<br>всему голова!
</div>
</div>

<div class="new beer">
<h2>Новинки</h2>
<div class="vahter">
<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" alt="Кваст Вахтер">

<div class="info">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжелого дня и придаст сил для вечерних приключений!</p>
<a href="#" class="btn">Подробнее</a>
<a href="#" class="btn">Купить</a>
<b>150Р.</b>
</div>
</div>

<div class="romance">
<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" alt="Кваст Романтик">
<div class="info">
<p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p> 
<a href="#" class="btn">Подробнее</a>
<a href="#" class="btn">Купить</a>
<b>90Р.</b>
</div>
</div>
</div>

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

<div class="history">
<h2>Немного истории</h2>
<dl>
<dt>
<h3>Происхождение кваса</h3>
<i>Источник:</i>
<a target="_blank" href="https://ru.wikipedia.org">ru.wikipedia.org</a>
</dt>
<dd>
<img src="img/wiki-1.png" width="200" height="101" alt="Свежий квас">
<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, <br> 
Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
</dd>
</dl>

<dl>
<dt>
<h3>Классификация кваса</h3>
<i>Источник:</i>
<a target="_blank" href="https://ru.wikipedia.org">ru.wikipedia.org</a>
</dt>
<dd>
<img src="img/wiki-2.png" width="200" height="101" alt="квас">
<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в <br>
 результате незавершённого спиртового и молочнокислого брожения сусла.</p>
 </dd>
</dl>
</div>

<div class="press-opinion">
<h2>Пресса  о нас</h2>
<blockquote>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и
<br>Руслану за то, что предоставили целую бочку своего напитка!
 <p><cite>Газета столичный Стольник</cite> <a href="#">Читать далее</a></p>
 </blockquote>
</div>

<div class="menu">
<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 
<br>баррелей — скидка 10%.</p>
<form  class="order-form" action="#" method="post" enctype="multipart/form-data">
<div class="hello1">
<label>
Представьтесь:
<input type="text" name="hello">
</label>
</div>
<div class="phone">
<label>
Номер телефона:
<input type="text" name="phone number">
</label>
</div>

<div class="phone2">
<label>
Доп. номер:
<input type="text" name="phone number2">
</label>
</div>

<div class="email">
<label>
Email:
<input type="text" name="mail">
</label>
</div>

<div class="order">
<label>
Объем заказа:
<select name="theme">
<option value="quontity">От 5 до 10 баррелей в неделю</option>
</select>
</label>
</div>

<div class="comment">
<label>
Доп. комментарий:
<textarea rows="10" cols="110">
</textarea>
</label>
</div>

<div class="checkin">
<label>
<input type="checkbox" name="subscription">
Я согласен получать квасную рассылку
</label>
</div>
<input type="submit" class="btn" value="Отправить заказ">
</form>
</div>

<br><div class="footer">
<div class="footer-logo">
<p><img src="img/logo.png" width="140" height="76" alt="Кваст"></p>
</div>
<div class="footer-middle">
<ul class="main-panel2">
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
</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"> <b>Разработчик:</b> <a href="https://htmlacademy.ru">HTML Academy</a>
        </div>
		</div>
</div>
  </body>
</html>

Ineska · 26.Январь.2019 06:25:47

Откуда br в коде? И главное, зачем?

Velheor · 28.Январь.2019 09:04:20

Спасибо большое, теперь все появилось!
Честно говоря, даже не помню, откуда у меня этот тег и как он сюда попал( Видимо, заработалась немного…