Не отображается в проверке вообще ничего. В браузере всё в порядке. Отключил AdBlock, не помогло. Первый блок нормально сработал, всё прошло, дальше не хочет.
<div class="page-news"> <h2>Новинки</h2> <div class="news-item"> <h3>Вахтёр</h3> <p class="news-item-alch">Алк. <1% <br> Ккал: 35 </p> <p class="news-item-composition">Ржаной хлеб, Вода <br> Солод, Соль</p> <img src="img/bottle-left.jpg" alt="Квас"> <p class="news-item-discription">Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p> <a href="#" class="btn-1" target="_self">Подробнее</a> <a href="#" class="btn-2" target="_self">Купить</a> <b>150 Р.</b> </div> <div class="news-item"> <h3>Романтик</h3> <p class="news-item-alch">Алк. <0,5% <br> Ккал: 27 </p> <p class="news-item-composition">Ячменный хлеб, Вода <br> Солод, Апельсин</p> <img src="img/bottle-right.jpg" alt="Квас"> <p class="news-item-discription">Легкий и освежающий напиток поможет сохранить отличное настроение в течение всего дня.</p> <a href="#" class="btn-1" target="_self">Подробнее</a> <a href="#" class="btn-2" target="_self">Купить</a> <b>90 Р.</b> </div> </div>
Вы бы разобрали эту “кашу” без пробелов и переносов?
<div class="news">
<h2>Новинки</h2>
<div class="news-item">
<h3>Вахтёр</h3>
<p class="news-item-alch">Алк. <1% <br> Ккал: 35 </p>
<p class="news-item-composition">Ржаной хлеб, Вода <br> Солод, Соль</p>
<img src="img/bottle-left.jpg" alt="Квас">
<p class="news-item-discription">Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<a href="#" class="btn-1" target="_self">Подробнее</a>
<a href="#" class="btn-2" target="_self">Купить</a>
<b>150 Р.</b>
</div>
<div class="news-item">
<h3>Романтик</h3>
<p class="news-item-alch">Алк. <0,5% <br> Ккал: 27 </p>
<p class="news-item-composition">Ячменный хлеб, Вода <br> Солод, Апельсин</p>
<img src="img/bottle-right.jpg" alt="Квас">
<p class="news-item-discription">Легкий и освежающий напиток поможет сохранить отличное настроение в течение всего дня.</p>
<a href="#" class="btn-1" target="_self">Подробнее</a>
<a href="#" class="btn-2" target="_self">Купить</a>
<b>90 Р.</b>
</div>
</div>
Вроде нажимал на </> и вставлял
Это должна быть таблица. Других ошибок в этом блоке не вижу. Значит есть проблема в первом. Попробуйте найти сами или также отправьте код текстом.
Спасибо. Вроде разобрался, нашёл пропуск в первом блоке.
Подскажите какие-нибудь рекомендации?
<!DOCTYPE HTML>
<div class="page-header">
<div class="header-logo">
<img src="img/logo.png" alt="Кваст">
</div>
<div class="header-menu">
<ul>
<li><a href="#" target="_self">История</a></li>
<li><a href="#" target="_self">Производство</a></li>
<li><a href="#" target="_self">Ассортимент</a></li>
<li><a href="#" target="_self">Где купить</a></li>
</ul>
</div>
<div class="header-slogan">
<p>Крафтовый квас <br>всему голова!</p>
</div>
</div>
<div class="news">
<h2>Новинки</h2>
<div class="news-item">
<h3>Вахтёр</h3>
<table>
<tr>
<td>Алк.</td>
<td>< 1%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>35</td>
</tr>
</table>
<p class="news-item-composition">Ржаной хлеб, Вода, Солод, Соль</p>
<img src="img/bottle-left.jpg" alt="Квас">
<p class="general-text">Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<a href="#" class="btn-1" target="_self">Подробнее</a>
<a href="#" class="btn-2" target="_self">Купить</a>
<b>150 Р.</b>
</div>
<div class="news-item">
<h3>Романтик</h3>
<table>
<tr>
<td>Алк. </td>
<td>< 0,5%</td>
</tr>
<tr>
<td>Ккал: </td>
<td>27</td>
</tr>
</table>
<p class="news-item-composition">Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="img/bottle-right.jpg" alt="Квас">
<p class="general-text">Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a href="#" class="btn-1" target="_self">Подробнее</a>
<a href="#" class="btn-2" target="_self">Купить</a>
<b>90 Р.</b>
</div>
</div>
<div class="plus">
<ul class="plus-items">
<li class="plus-item">
<h2>Варим сами</h2>
<p class="general-text">Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
</li>
<li class="plus-item">
<h2>Своё, родное</h2>
<p class="general-text">Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
</li>
<li class="plus-item">
<h2>Не экономим</h2>
<p class="general-text">Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
</li>
</ul>
</div>
<div class="history">
<h2>Немного истории</h2>
<dl class="historical-fact">
<dt>
<h3>Происхождение кваса</h3>
<i>Источник:</i> <a href="#"target="_blank">ru.wikipedia.org</a>
</dt>
<dd>
<img src="img/wiki-1.png">
<p class="general-text">Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.<p>
</dd>
<dt>
<h3>Классификация кваса</h3>
<i>Источник:</i> <a href="#" target="_blank">ru.wikipedia.org</a>
</dt>
<dd>
<img src="img/wiki-2.png">
<p class="general-text">По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.<p>
</dd>
</dl>
</div>
<div class="views">
<h2>Пресса о нас</h2>
<blockquote>
<p class="views-item-discription">Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</p>
<cite>Газета столичный Стольник</cite>
<a href="#" target="_self">Читать далее</a>
</blockquote>
</div>
<div class="product">
<h2>Ассортимент</h2>
<table class="product-items">
<tr>
<th class="item-name-h"align="center">Название</th>
<th class="product-item-discription-h">Алк.</th>
<th class="product-item-discription-h">Ккал</th>
<th class="product-item-discription-h">Объём</th>
<th class="item-cost-h">Стоимость</th>
</tr>
<tr>
<td class="item-name">Классика</td>
<td class="product-item-discription">< 1,2%</td>
<td class="product-item-discription">33</td>
<td class="product-item-discription">330 мл</td>
<td class="item-cost">120 Р.</td>
</tr>
<tr>
<td class="item-name">Шабаш</td>
<td class="product-item-discription">> 1,2%</td>
<td class="product-item-discription">45</td>
<td class="product-item-discription">330 мл</td>
<td class="item-cost">250 Р.</td>
</tr>
<tr>
<td class="item-name">Вахтёр <sup class="product-new">Новинка</sup></td>
<td class="product-item-discription">< 1%</td>
<td class="product-item-discription">35</td>
<td class="product-item-discription">0,5 л</td>
<td class="item-cost">150 Р.</td>
</tr>
<tr>
<td class="item-name">Романтик <sup class="product-new">Новинка</sup></td>
<td class="product-item-discription">< 0,5%</td>
<td class="product-item-discription">27</td>
<td class="product-item-discription">0,5 л</td>
<td class="item-cost">90 Р.</td>
</tr>
</table>
</div>
<div class="order">
<h2>Заказать</h2>
<p class="general-text">Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
<form action="#" method="post">
<label for="name">Представьтесь: </label>
<input type="text" name="name" id="name">
<br>
<label for="phone">Номер телефона: </label>
<input type="text" name="phone" id="phone">
<br>
<label for="phone+">Доп. номер: </label>
<input type="text" name="phone+" id="phone+">
<br>
<label for="email">Email: </label>
<input type="text" name="email" id="email">
<br>
<label for="size">Объем заказа: </label>
<select name="size" id="size">
<option>От 5 до 10 баррелей в неделю
</select>
<br>
<label for="comment">Доп. комментарий: </label>
<textarea name="comment" id="comment" cols="96" rows="10"></textarea>
<br>
<input type="checkbox" name="spam" id="spam">
<label for="spam">Я согласен получать квасную рассылку</label>
<br>
<input type="submit" name="ordered" value="Отправить заказ">
</form>
</div>
<div class="page-footer">
<div class="footer-logo">
<img src="img/logo.png" alt="Кваст">
</div>
<div class="footer-menu">
<ul>
<li><a href="#" target="_self">История</a></li>
<li><a href="#" target="_self">Производство</a></li>
<li><a href="#" target="_self">Ассортимент</a></li>
<li><a href="#" target="_self">Где купить</a></li>
</ul>
</div>
<div class="social">
<a href="#" title="Instagram" target="_block">Инстаграм</a>
<a href="#" title="Facebook" target="_block">Фейсбук</a>
<a href="#" title="Vk" target="_block">Вконтакте</a>
</div>
<p>При перепечатке материалов ссылка на сайт обязательна!</p>
<div class="creator">
<img src="img/htmlacademy.png">
<b>Разработчик:</b>
<a href="#" target="_block">HTML Academy</a>
</div>
</div>
1 лайк