F0rmat
09.Ноябрь.2016 16:17:23
1
Добрый день.
Не пойму, при проверке, в разделе Ваш результат пусто.
Код:
`
Романтик `
<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="img/bottle-right.jpg" alt="romantik">
<br>
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течении всего дня.</p>
<br>
<a href=#>Подробнее</a>
<a href=#>Купить</a>
90Р.
</div>
</div>
<div class="advantages">
<ul>
<li><h2>Варим сами</h2>
<p>Вот этими самими руками. Экспериментрируем и творим, что хотим</p></li>
<li><h2>Своё, родное</h2>
<p>Не зароботка ради, а импортозамещения для. Поднимаем производство.</p></li>
<li><h2>Не экономим</h2>
<p>Человек это то, что он ест и пьёт. У нас только качественные ингридиенты.</p></li>
</ul>
</div>
В чём ошибка?
Ineska
09.Ноябрь.2016 16:29:32
2
Весь код с самого начала текстом, пожалуйста. Кнопка для вставки </>
.
F0rmat
10.Ноябрь.2016 02:07:05
3
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<div class="page-header">
<div class="header-logo">
<img src="img/logo.png" alt="logo">
<ul class="main-nav">
<li><a href=#>История</a></li>
<li><a href=#>Производство</a></li>
<li><a href=#>Ассортимент</a></li>
<li><a href=#>Где купить</a></li>
</ul>
</div>
<div class="promo">
Крафтовый квас<br> всему голова!
</div>
</div>
<div class="page-middle">
<div class="new-items">
<h2>Новинки</h2>
<div class="new-item1">
<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="vahter">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений</p>
<a href=#>Подробнее</a>
<a href=#>Купить</a>
150Р.
</div>
<div class="new-item1">
<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="romantik">
<br>
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течении всего дня.</p>
<br>
<a href=#>Подробнее</a>
<a href=#>Купить</a>
90Р.
</div>
</div>
<div class="advantages">
<ul>
<li><h2>Варим сами</h2>
<p>Вот этими самими руками. Экспериментрируем и творим, что хотим</p></li>
<li><h2>Своё, родное</h2>
<p>Не зароботка ради, а импортозамещения для. Поднимаем производство.</p></li>
<li><h2>Не экономим</h2>
<p>Человек это то, что он ест и пьёт. У нас только качественные ингридиенты.</p></li>
</ul>
</div>
<div class="history">
<h2>Немного истории</h2>
<h3>Происхождение кваса</h3>
<i>Источник:</i> <a href src="#">ru.wikipedia.org</a><br>
<img src="img/wiki-1.png" alt="kwas1"><br>
<a>Квас на Руси появился в X-XI веке. Само слово "квас" тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково - квас.</a>
<h3>Классификация кваса</h3>
<i>Источник:</i> <a href src="#">ru.wikipedia.org</a><br>
<img src="img/wiki-2.png" alt="kwas1"><br>
<a>По российскому ГОСТу для промышленного изготовления - это напиток с объемной долей этилового спирта не более 1,2%, изготовленный в результате незавершенного спиртового и молочнокислого брожения сусла.</a>
</div>
<div class="pressa">
<h2>Пресса о нас</h2>
<a>Сегодня мы провели дегустацию чего-то действительно новенького - крафтого кваса. Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка</a><br>
<i>Газета столичный Стольник</i> <a href=#>Читать далее</a>
</div>
<div class="assortiment">
<h2>Ассортимент</h2>
<table>
<th>
<td>Назвние</td><td>Алк.</td><td>Ккал</td><td>Объём</td><td>Стоимость</td>
</th>
<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="zakaz">
<h2>Заказать</h2>
<form action="https://echo.htmlacademy.ru" method="get">
<label>
Представтесь: <input type="text" name="name">
</label> <br>
<label>
Номер телефона: <input type="text" name="tel1">
</label> <br>
<label>
Доп. номер: <input type="text" name="tel2">
</label> <br>
</form>
<label>
Email: <input type="text" name="email">
</label> <br>
<label>
Объём заказа:
<select name="zakaz_size">
<option value="do10">От 5 до 10 баррелей в неделю</option>
<option value="do20">От 10 до 20 баррелей в неделю</option>
</select>
</label> <br>
<label>
Доп. комментарий:
<textarea> </textarea>
</label> <br>
<input type="checkbox" name="subscribe"> Я согласен получать квасную рассылку <br>
<input type="submit" name="send" value="Отправить заказ">
</div>
</div><br>
<div class="footer">
<img src="img/logo.png" alt="logo">
<ul>
<li><a href src="#">История</a></li>
<li><a href src="#">Производство</a></li>
<li><a href src="#">Ассортимент</a></li>
<li><a href src="#">Где купить</a></li>
</ul>
<a href src="#">Инстаграмм</a>
<a href src="#">Фейсбук</a>
<a href src="#">Вконтакте</a><br>
При перепечатке материалов ссылка на сайт обязательна!<br>
<img src="img/htmlacademy.png" alt="htmlacademy"><b>Разработчик: </b><a href src="#">HTML Academy</a>
</div>
</body>
</html>
Ineska
10.Ноябрь.2016 07:09:00
4
Попробуйте убрать теги <br>
из второго блока.
Ineska
10.Ноябрь.2016 14:25:18
6
Значение атрибута href должно быть в кавычках. Больше ничего такого не вижу.
F0rmat
10.Ноябрь.2016 15:39:13
7
Спасибо, ссылки поправил, но безрезультатно. Больше вариантов нет?
Ineska
10.Ноябрь.2016 15:43:47
8
Есть. Код архивом на почту. Адрес есть у меня в профиле.
Ineska
10.Ноябрь.2016 17:07:30
9
Скорее всего дело в количестве тегов br в вашем коде. Вы совсем забыли о теге <p>
(который кстати является блочным по умолчанию, а значит никакой br не нужен) и вместо него или оставляли текст “голым”, без обертки, или использовали тег <a>
без атрибута href.
Между 7 и 8 блоками тоже есть br, для чего - не понятно.
Также хотелось бы обратить ваше внимание на такую запись:
<a href src="#">Вконтакте</a>
Или атрибут href, или атрибут src, но никак не оба сразу. А в данном случает только href.
F0rmat
11.Ноябрь.2016 13:56:49
10
Спасибо, всё исправил - но не помогло.
Ineska
11.Ноябрь.2016 14:02:16
11
Показывайте. Здесь или на почту.
F0rmat
11.Ноябрь.2016 17:45:28
12
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<div class="page-header">
<div class="header-logo">
<img src="img/logo.png" alt="logo">
<ul class="main-nav">
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
</div>
<div class="promo">
<p>Крафтовый квас<br> всему голова!</p>
</div>
</div>
<div class="page-middle">
<div class="new-items">
<h2>Новинки</h2>
<div class="new-item1">
<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="vahter">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
150Р.
</div>
<div class="new-item1">
<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="romantik">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течении всего дня.</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
90Р.
</div>
</div>
<div class="advantages">
<ul>
<li><h2>Варим сами</h2>
<p>Вот этими самими руками. Экспериментрируем и творим, что хотим</p></li>
<li><h2>Своё, родное</h2>
<p>Не зароботка ради, а импортозамещения для. Поднимаем производство.</p></li>
<li><h2>Не экономим</h2>
<p>Человек это то, что он ест и пьёт. У нас только качественные ингридиенты.</p></li>
</ul>
</div>
<div class="history">
<h2>Немного истории</h2>
<h3>Происхождение кваса</h3>
<i>Источник:</i> <a href="#">ru.wikipedia.org</a>
<br>
<img src="img/wiki-1.png" alt="kwas1">
<p>Квас на Руси появился в X-XI веке. Само слово "квас" тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково - квас.</p>
<h3>Классификация кваса</h3>
<i>Источник:</i> <a href="#">ru.wikipedia.org</a>
<br>
<img src="img/wiki-2.png" alt="kwas1">
<p>По российскому ГОСТу для промышленного изготовления - это напиток с объемной долей этилового спирта не более 1,2%, изготовленный в результате незавершенного спиртового и молочнокислого брожения сусла.</p>
</div>
<div class="pressa">
<h2>Пресса о нас</h2>
<p>Сегодня мы провели дегустацию чего-то действительно новенького - крафтого кваса. Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка
<i>Газета столичный Стольник</i> <a href="#">Читать далее</a></p>
</div>
<div class="assortiment">
<h2>Ассортимент</h2>
<table>
<th>
<td>Назвние</td><td>Алк.</td><td>Ккал</td><td>Объём</td><td>Стоимость</td>
</th>
<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="zakaz">
<h2>Заказать</h2>
<form action="https://echo.htmlacademy.ru" method="get">
<label>
Представтесь: <input type="text" name="name">
</label> <br>
<label>
Номер телефона: <input type="text" name="tel1">
</label> <br>
<label>
Доп. номер: <input type="text" name="tel2">
</label> <br>
</form>
<label>
Email: <input type="text" name="email">
</label> <br>
<label>
Объём заказа:
<select name="zakaz_size">
<option value="do10">От 5 до 10 баррелей в неделю</option>
<option value="do20">От 10 до 20 баррелей в неделю</option>
</select>
</label> <br>
<label>
Доп. комментарий:
<textarea> </textarea>
</label> <br>
<input type="checkbox" name="subscribe"> Я согласен получать квасную рассылку <br>
<input type="submit" name="send" value="Отправить заказ">
</div>
</div><br>
<div class="footer">
<img src="img/logo.png" alt="logo">
<ul>
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
<a href="#">Инстаграмм</a>
<a href="#">Фейсбук</a>
<a href="#">Вконтакте</a><br>
<p>При перепечатке материалов ссылка на сайт обязательна!</p>
<img src="img/htmlacademy.png" alt="htmlacademy"><b>Разработчик: </b><a href src="#">HTML Academy</a>
</div>
</body>
</html>
Ineska
11.Ноябрь.2016 17:55:42
13
Где закрывается этот блок? Без отступов в разметке мне сложно сориентироваться.
F0rmat
12.Ноябрь.2016 03:29:55
14
` Заканчиваеется перед <div class="footer">.`
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<div class="page-header">
<div class="header-logo">
<img src="img/logo.png" alt="logo">
<ul class="main-nav">
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
</div>
<div class="promo">
<p>Крафтовый квас<br> всему голова!</p>
</div>
</div>
<div class="page-middle">
<div class="new-items">
<h2>Новинки</h2>
<div class="new-item">
<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="vahter">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
150Р.
</div>
<div class="new-item">
<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="romantik">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течении всего дня.</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
90Р.
</div>
</div>
<div class="advantages">
<ul>
<li><h2>Варим сами</h2>
<p>Вот этими самими руками. Экспериментрируем и творим, что хотим</p></li>
<li><h2>Своё, родное</h2>
<p>Не зароботка ради, а импортозамещения для. Поднимаем производство.</p></li>
<li><h2>Не экономим</h2>
<p>Человек это то, что он ест и пьёт. У нас только качественные ингридиенты.</p></li>
</ul>
</div>
<div class="history">
<h2>Немного истории</h2>
<h3>Происхождение кваса</h3>
<i>Источник:</i> <a href="#">ru.wikipedia.org</a>
<br>
<img src="img/wiki-1.png" alt="kwas1">
<p>Квас на Руси появился в X-XI веке. Само слово "квас" тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково - квас.</p>
<h3>Классификация кваса</h3>
<i>Источник:</i> <a href="#">ru.wikipedia.org</a>
<br>
<img src="img/wiki-2.png" alt="kwas1">
<p>По российскому ГОСТу для промышленного изготовления - это напиток с объемной долей этилового спирта не более 1,2%, изготовленный в результате незавершенного спиртового и молочнокислого брожения сусла.</p>
</div>
<div class="pressa">
<h2>Пресса о нас</h2>
<p>Сегодня мы провели дегустацию чего-то действительно новенького - крафтого кваса. Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка
<i>Газета столичный Стольник</i> <a href="#">Читать далее</a></p>
</div>
<div class="assortiment">
<h2>Ассортимент</h2>
<table>
<th>
<td>Назвние</td><td>Алк.</td><td>Ккал</td><td>Объём</td><td>Стоимость</td>
</th>
<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="zakaz">
<h2>Заказать</h2>
<form action="https://echo.htmlacademy.ru" method="get">
<label>
Представтесь: <input type="text" name="name">
</label> <br>
<label>
Номер телефона: <input type="text" name="tel1">
</label> <br>
<label>
Доп. номер: <input type="text" name="tel2">
</label> <br>
</form>
<label>
Email: <input type="text" name="email">
</label> <br>
<label>
Объём заказа:
<select name="zakaz_size">
<option value="do10">От 5 до 10 баррелей в неделю</option>
<option value="do20">От 10 до 20 баррелей в неделю</option>
</select>
</label> <br>
<label>
Доп. комментарий:
<textarea> </textarea>
</label> <br>
<input type="checkbox" name="subscribe"> Я согласен получать квасную рассылку <br>
<input type="submit" name="send" value="Отправить заказ">
</div>
</div><br>
<div class="footer">
<img src="img/logo.png" alt="logo">
<ul>
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
<a href="#">Инстаграмм</a>
<a href="#">Фейсбук</a>
<a href="#">Вконтакте</a><br>
<p>При перепечатке материалов ссылка на сайт обязательна!</p>
<img src="img/htmlacademy.png" alt="htmlacademy"><b>Разработчик: </b><a href src="#">HTML Academy</a>
</div>
</body>
</html>
Ineska
12.Ноябрь.2016 04:41:46
15
Нельзя объединять блоки в один. Программа посчитала, что у вас три блока. Уберите обертку совсем или закройте ее выше, т. е. сразу после новинок.
А еще вы так и не убрали br между 7 и 8 блоком.
1 лайк
F0rmat
12.Ноябрь.2016 07:03:27
16
Большое спасибо - всё получилось.