Граница отображается неверно

@Arthur the king · Регистрация: 14.08.2016

Author24 — интернет-сервис помощи студентам

Помогите пожалуйста выявить ошибку. Практикуюсь в создании сайтов, начинающий. В моем простейшем сайтике картинка с белыми акулами должна ограждаться рамкой, но она отображается некорректно. Прилагаю весь сайт (одна страница + таблица стилей и картинки) во вложении и скриншот отображения сайта.

@crackos · 14.08.2016, 11:24

Привет, нужно добавить класс самой картинке и поставить border в стили этого класса, а не контейнера.

@mrtoxas · 14.08.2016, 11:30

А как она должна отображаться? Без отступа снизу? Тогда выньте ее из параграфа. Нельзя в параграфе использовать блоки. Вот правильный код

HTML5

<body>
  <h1 id="header">my website</h1>
  <div id="brd">
    <p>Using data on shark catches, discards and mortality rates worldwide, the researchers estimated that approximately 100 million sharks are killed per year by humans. However, they add that this is a conservative estimate, and the true number could be as high as 273 million sharks killed annually by humans.</p>
    <div id="pic_sh">
      <img src="images/White_shark.jpg" width="300" height="300" alt="great white shark" hspace="0" vspace="0">
    </div>
  </div>
</body>

@deller · 14.08.2016, 11:30

border добавь не к pic_sh а к самой картинке.
И упорядочи теги, они пересекаются, p с div

@Arthur the king · 14.08.2016, 11:39 **[ТС]**

Спасибо ребята, помогли.

@crackos 46 / 38 / 26 Регистрация: 11.08.2016 Сообщений: 139
	14.08.2016, 11:24	2
	Сообщение было отмечено Arthur the king как решение Решение Привет, нужно добавить класс самой картинке и поставить border в стили этого класса, а не контейнера. 1

@deller 20 / 25 / 12 Регистрация: 26.06.2013 Сообщений: 111
	14.08.2016, 11:30	4
	border добавь не к pic_sh а к самой картинке. И упорядочи теги, они пересекаются, p с div 1

@Arthur the king 0 / 0 / 0 Регистрация: 14.08.2016 Сообщений: 5
	14.08.2016, 11:39 [ТС]	5
	Спасибо ребята, помогли. 0

Граница отображается неверно

Решение