Giwer
1
Подскажите пожалуйста в чем проблема, у меня система принимает второй блок за третий, то есть второй блок отображается в третьем.
<div class="header-top">
<div class="header-logo">
<img src="img/logo.png" width="140" height="76" alt="Кваст">
</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 class="tagline">
Крафтовый квас <br>всему голова!
</div>
</div>
<div class="new-goods">
<h2>Новинки</h2>
<div class="new-beer">
<h3>Вахтёр</h3>
<table class="description">
<tr>
<td>Алк.</td>
<td>< 1%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>35</td>
</tr>
</table>
<p>Ржаной хлеб, Вода, Солод, Соль</p>
<img src="img/bottle-left.jpg" alt="Вахтёр">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<a class="btn" href="#">Подробней</a>
<a class="btn" href="#">Купить</a>
<b>150 Р.</b>
</div>
<div class="new-beer">
<h3>Романтик</h3>
<table class="description">
<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="Романтик">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a class="btn" href="#">Подробней</a>
<a class="btn" href="#">Купить</a>
<b>90 Р.</b>
</div>
</div>
Ineska
2
Закрывающий тег не в ту сторону, считается ошибкой. Знаки “больше” и “меньше” в таблице должны быть спецсимволами HTML.
Giwer
3
Спасибо, исправил. Но к сожалению проблему это не решило, по прежнему 2-й блок система видит как 3й.
Ineska
4
Покажите код с учетом исправлений.
Giwer
5
<div class="header-top">
<img class="header-logo" src="img/logo.png" width="140" height="76" alt="Кваст">
<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 class="tagline">
Крафтовый квас <br>всему голова!
</div>
</div>
<div class="new-goods">
<h2>Новинки</h2>
<div class="new-beer">
<h3>Вахтёр</h3>
<table class="description">
<tr>
<td>Алк.</td>
<td><1%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>35</td>
</tr>
</table>
<p>Ржаной хлеб, Вода, Солод, Соль</p>
<img src="img/bottle-left.jpg" alt="Вахтёр">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<a class="btn" href="#">Подробней</a>
<a class="btn" href="#">Купить</a>
<b>150 Р.</b>
</div>
<div class="new-beer">
<h3>Романтик</h3>
<table class="description">
<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="Романтик">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a class="btn" href="#">Подробней</a>
<a class="btn" href="#">Купить</a>
<b>90 Р.</b>
</div>
</div>
Ineska
6
Не вижу больше ошибок в представленном фрагменте.
Giwer
7
Спасибо, проблему решил. Сам затупил, и не тот архив загружал.