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


#1

Не пойму в чем дело, вроде все теги закрыты. И все сходится. %D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA

Код КВАСТ
	<nav>
		<ul>
			<li><a href="#">История</a></li>
			<li><a href="#">Производство</a></li>
			<li><a href="#">Ассортимент</a></li>
			<li><a href="#">Где купить</a></li>
		</ul>
	</nav>

	<div class="caption">
		<div class="header-caption">
			<p>Крафтовый квас<br> всему голова!</p>
		</div>
	</div>
</header>


	<!-- Новинки -->
	<div class="novelties">
		
		<h2>Новинки</h2>
			<div class="vahter">
				<h3>Вахтёр</h3>
					<div class="vahter-description">
						<table>
							<tr><td>Алк.</td><td>&lt; 1%</td></tr>
							<tr><td>Ккал:</td><td>35</td></tr>
						
						</table>
							<p>Ржаной хлеб, Вода, Солод, Соль</p>
					</div>
					
					<div class="photo-vahter">
						<img src="img/bottle-left.jpg">
					</div>
					
					<article>
						<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
					</article>

					<div class="buy">
						<a href="#">Подробнее</a>
						<a href="#">Купить</a>
						<b>150 Р.</b>
					</div>
			</div>	

				<div class="romantic">
					<h3>Романтик</h3>
						<div class="romantic-description">
							<table>
								<tr><td>Алк.</td><td>&lt; 0,5%</td></tr>
								<tr><td>Ккал:</td><td>27</td></tr>
						
							</table>
								<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
						</div>

						<div class="romantic-photo">
							<img src="img/bottle-right.jpg">
						</div>
						<article>
							<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
						</article>

						<div class="buy">
							<a href="#">Подробнее</a>
							<a href="#">Купить</a>
							<b>90 Р.</b>
						</div>
				</div>
			
					
	</div>

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

			</ul>
	

		</div>

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

					<dl>
						

					</dl>

			</div>
		</div>

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

				</blockquote>
			</div>


		</div>

		<div class="range">
			<h2>Ассортимент</h2>	
				<div class="price-list">
					<table>
						<tr>
							<th>Название </th>
							<th>Алк.</th>
							<th>Ккал</th>
							<th>Объем</th>
							<th>Стоимость</th>
							
						</tr>
						<tr>
							<td>Классика </td>
							<td>&lt; 1,2%</td>
							<td>33</td>
							<td>330 мл</td>
							<td>120 Р.</td>
						</tr>
						<tr>
							<td>Шабаш </td>
							<td>&gt; 1,2%</td>
							<td>45</td>
							<td>330 мл</td>
							<td>250 Р.</td>
						</tr>
						<tr>
							<td>Вахтёр<sup> Новинка</sup></td>
							<td>&lt; 1%</td>
							<td>35</td>
							<td>0,5 л</td>
							<td>150 Р.</td>
						</tr>
						<tr>
							<td>Романтик<sup> Новинка</sup></td>
							<td>&lt; 0,5%</td>
							<td>27</td>
							<td>0,5 л</td>
							<td>90 Р.</td>
						</tr>
					</table>
				</div>			

		</div>


<footer>

</footer>

#2

<td>Вахтёр <sup>Новинка</sup></td>
Так будeт правильно. (обратите внимание на расположение пробела)
Пожалуйста, не создавайте новую тему на каждый свой вопрос по одному и тому же заданию.


#3

Хорошо, пробел только там поставить нужно?


#4

У вас два тега sup в таблице - значит и пробела два.


#5

Все получилось, спасибо за быстрый ответ):relaxed:


#6

Я вроде бы сделал пробелы как у Вас, но ничего не выходит, по прежнему высота строк с новинками больше нужной.


#7

Покажите код.


#8

ох, знать бы как, сразу бы показал. Объясните мое новичку пожалуйста.
Спасибо заранее!


#9

У меня две проблемы, поясните пожалуйста:

  1. что не так с разделом 2 “Новинки”. Там после слова Вахтер в образце всё смещается немного ниже и при наложении краснеет.
  2. что не так с разделом 6 “Ассортимент”, там опять же слово Вахтер и все, что ниже съезжает вниз. Думаю, это как-то связано с изменением регистра для слова Новинка.
Кваст
<div class="page-header">
    <div class="header-top">
      <div class="header-logo">
        <img src="img/logo.png" alt="Kvast" width="140" height="76">
	  </div>
		<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="novelties">
  <h2>Новинки</h2>        
       <div class="catalog"> 
	        <div class="catalog-item">
	          <h3>Вахтёр</h3>
		          <div class="probuct-features">		        
				    <p>Алк. &lt; 1%<br>Ккал: 35</p>
				  </div>			     
			  <p>Ржаной хлеб, Вода, Солод, Соль</p>	
	          <img src="img/bottle-left.jpg" alt="Вахтёр" width="319" height="459">
	          <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!<p>
	          <a class="btn" href="#">Подробнее</a>
	          <a class="btn" href="#">Купить</a>
	          <b>150 р.</b>
		    </div>
		    <div class="catalog-item">	          
		      <h3>Романтик</h3>
		          <div class="product-features">
		            <p>Алк. &lt; 0,5%<br>Ккал: 27</p>
		          </div>
		      <p>Ячменный хлеб, Вода, Солод, Апельсин</p>
		      <img src="img/bottle-right.jpg" alt="Романтик" width="319" height="459">
		      <p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.<p>
		      <a class="btn" href="#">Подробнее</a>
		      <a class="btn" href="#">Купить</a>
		      <b>90 р.</b>
		    </div>
       </div>
</div>

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

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

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

<div class="assortment">
<h2>Ассортимент</h2>
  <table class="assortment">
    <tr>
      <th>Название</th>
      <th>Алк.</th>
      <th>Ккал</th>
      <th>Объём</th>
      <th>Стоимость</th>
    </tr>
    <tr>
      <td class="price-name">Классика</td>
      <td>&lt; 1,2%</td>
      <td>33</td>
      <td>330 мл</td>
      <td>120 Р.</td>
    </tr>
    <tr>
      <td class="price-name">Шабаш</td>
      <td>&gt; 1,2%</td>
      <td>45</td>
      <td>330 мл</td>
      <td>250 Р.</td>
    </tr>
    <tr>
      <td class="price-name">Вахтёр <sup>Новинка</sup> </td>
      <td>&lt; 1%</td>
      <td>35</td>
      <td>0,5 л</td>
      <td>150 Р.</td>
    </tr>
    <tr>
      <td class="price-name">Романтик <sup>Новинка<sup> </td>
      <td>&lt; 0,5%</td>
      <td>27</td>
      <td>0,5 л</td>
      <td>90 Р.</td>
    </tr>
  </table>
</div>

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

<div class="page-footer">
  <div class="footer-top">
    <div class="footer-logo">
      <img src="img/logo.png" alt="Kvast" width="140" height="76">
    </div>
 </div>

     <div class="footer-menu">
        <ul class="fooret-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="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>

    <div class="footer-copyright">
    	<p>При перепечатке материалов ссылка на сайт обязательна!</p>
      
      <img src="img/htmlacademy.png" alt="Kvast" width="27" height="34"> <b>Разработчик:</b> <a href="#">HTML Academy</a>
    </div>
  </div>
</body>

#10

Суп закрыть не пробовали?


#11

Спасибо! с супом разобрался. Еще бы со вторым блоком Новинки решить


#12
<div class="probuct-features">		        
    <p>Алк. &lt; 1%<br>Ккал: 35</p>
 </div>

Это замените на таблицу. (Все так делают…)

Шестой раздел у меня проверку проходит без ошибок…


#13

Спасибо, всё получилось!