Промежуточные испытания Кексби Прайс №6

Курсы Промежуточные испытания
1

Здравствуйте!
Не могу понять почему в браузере все надписи идут с наклоном и проблема с отступами в таблице?

Ассортимент

<th ckass="Ккал"Ккал
Название Алк.Объём Стоимость
Классика < 1,2% 33 330мл 120р.
Шабаш > 1,2% 45 330мл 250р.
Вахтёрновинка < 1% 35 0,5мл 150р.
Романтикновинка < 0,5% 27 0,5мл 90р.
2

Ничего не видно. Кнопка для вставки кода </>.

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

Названия классов пишутся английскими буквами.

5

Спасибо. Но у меня есть еще пара вопросов:

  1. по блоку 2.
    Испрробовала все способы, но не стыкуются фразы “Алк. <1,2%” и “Ккал. 35” в обоих случаях нет совпадения
  2. По блоку 4 та же самая проблема.
    Нет совпадения Блок 2.png1440×900 134 KB
    Нет совпадения Блок 4.png1440×900 198 KB
Кваст 
<div class="page-header">
	<div class="header-logo">
		<img src="img/logo.png"></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 calss="promo">
		Крафтовый квас
		<br>всему голова!</div>
</div>

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

	<div class="right-novelty">
		<h3>Романтик</h3>
			<tr>
				<table>
				<td>
					<b>Алк.</b>
				</td>
				<td>
					<b>&lt;0,5%</b>
				</td>
			</tr>
			<tr>
				<td>
					<b>Ккал.</b>
				</td>
				<td>
					<b>27</b>
				</td>
			</tr>
		</table>
		<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
		<img src="img/bottle-right.jpg">
		<p>
			Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.
		</p>
		<a class="btn" href="#">Подробнее</a>
		<a class="btn" href="#">Купить</a>
		<b>90 Р.</b>
	</div>
</div>

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

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

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

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

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

6

В тег b не надо оборачивать.
А ссылка в 4 блоке не должна быть курсивом.

7

Спасибо за помощь Ineska. Остался последний вопрос: в блоке 8 принудительный пробел куда надо ставить: после слов “разработчик” или HTML Academy?

8

Честно, не помню. Пробуйте оба варианта.

9

Огромное спасибо!!!

10

У вас class написан со всеми возможными опечатками. Сейчас это не повлияет на проверку, но в будущем, когда вы будете стилизовать макет, будет очень плохо. Смотрите, вы пишите calss, ckass.

Если что-то не получается, первым делом проверьте, правильно ли вы написали теги и атрибуты. Много опечаток.

2 лайка
11

Промежуточные испытания Кексби №6

6%20%D0%BA%D0%B5%D0%BA%D1%81%D0%B1%D0%B8

Ассортимент

Название Алк. Ккал Объём Стоимость
Классика <1,2% 33 330 мл 120 Р.
Шабаш >1,2% 45 330 мл 250 Р.
Вахтёр Новинка <1% 35 0,5 л 150 Р.
Романтик Новинка <0,5% 27 0,5 л 90 Р.

Подскажите пожалуйста почему так отображается со смещением влево от образца, не могу разобраться.
Спасибо!

13 
 <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><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>`Текст "как есть" (без применения форматирования)`
14

при указании содержания алкоголя попробуйте замените знаки больше и меньше на &gt; и &lt; соответственно

15

Большое спасибо, помогло:smiley: