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

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

     <div class="new-item-two"> 
     <h3>Романтик</h3>
       <table class="article">
       <tr>
        <td>Алк.</td>
        <td> &lt; 0,5%</td>
        </tr>
       <tr>
       <td>Ккал. 27</td>
       </tr>
    </table>
     <p>Ячменный хлеб, Вода, Солод, Апельсин</p>
        <img src="img/bottle-right.jpg" width="320" height="460" alt="Романтик">
     <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
     <a href="#">Подробнее</a>
     <a href="#">Купить</a>
      <b>90 Р.</b>
     </div> 
  </div>

Help my, please
не понимаю почему всё плывёт, ошибку не вижу, но предполагаю дело в div-ах

2016-11-05_18-09-22.png781×658 64.7 KB

2

А что именно “плывет”? По картинки не видно. Или весь блок не отображается при проверке?

3

да, весь блок не отображается

4

Тогда покажите весь код с самого начала.

5

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

  </head>

<div class="page-header">
    <div class="header-logo">
            <img src="img/logo.png" width="140" height="76" alt="Кваст">
     </div>
    <ul>
    <li><a href="#">История</a></li>
    <li><a href="#">Производство</a></li>
    <li><a href="#">Ассортимент</a></li>
    <li><a href="#">Где купить</a></li>
    </ul>
       <p>Крафтовый квас <br> всему голова!</p>

 </div>  
   <!--Новинки -->
<div class="new">
  <h2>Новинки</h2>

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

       <h3>Романтик</h3>
     <div class="new-item-two"> 
       <table class="article">
       <tr>
        <td>Алк.</td>
        <td> &lt; 0,5%</td>
        </tr>
       <tr>
       <td>Ккал: 27</td>
       </tr>
    </table>
     <p>Ячменный хлеб, Вода, Солод, Апельсин</p>
        <img src="img/bottle-right.jpg" width="320" height="460" alt="Романтик">
     <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
     <a href="#">Подробнее</a>
     <a href="#">Купить</a>
      <b>90 Р.</b>
     </div> 
  </div>

2016-11-05_21-23-03.png774×640 92.5 KB

6

Сколько ячеек в этой таблице?

7

Всего 4, сейчас добавила td для 27
`

Алк. < 0,5%
Ккал: 27
` теперь так выглядит
8

На проверке сказалось как-нибудь?

9

нет, всё то же осталось.

10

А размеры картинок где смотрели?

11

подбирала

12

Понятно. Не пишите совсем или уменьшите ширину и высоту на 1px.

13

убрала совсем, почти получилось, а не объясните с чем это связано было?
и теперь вот так

2016-11-05_21-49-56.png781×482 49 KB

14

Убрав свои навязанные браузеру размеры картинок, вы позволили ему самому посчитать ширину и высоту. Его расчет оказался точнее.
Описание не сходится у вас. Будьте внимательны, две марки кваса, у каждого свое описание. А у вас одинаковые.

15

точно! Благодарю.

16

Помогите! Дописал второе задание, сделал архив. Заливаю на сервер, он показывает, что пункт 2 не прошел проверку. При этом в окне сравнения результата пусто. У меня в браузере все показывается нормально. Вот код: