Картинки не отображаются на веб-странице

Question

Это мой сайт: http://www.leleu.co.uk/

Изображения на этом веб-сайте (например, 4 значка справа от CONTACT) отображаются правильно, когда я вызываю страницу на моем локальном компьютере из папки с файлами, но они не отображаются при http://www.leleu.co.uk/ называется.

Сначала я подумал об абсолютной / относительной картине. В IE, когда я щелкаю правой кнопкой мыши / свойство на этих значках и получаю информацию о пути, я затем копирую этот путь в новую вкладку, и они отображаются правильно.

Никогда не сталкивался с этим раньше. Должно быть что-то очень очевидное, что мне не хватает.

Можете ли вы помочь?

Спасибо

Винсент

Answer 1

Из спецификации HTML 4.0:

Относительный URL (определенный в [RFC1808]) не содержит никакой информации о протоколе или машине. Его путь обычно относится к ресурсу на той же машине, что и текущий документ. Относительные URL-адреса могут содержать компоненты относительного пути (".." означает один уровень вверх в иерархии, определенной путем) и могут содержать идентификаторы фрагмента.

Если ваша папка с изображениями находится на том же уровне, что и HTML-файлы:

<img width="32" height="32" alt="Facebook" src="/images/ico-social-facebook.png"></img>

Если ваша папка изображений расположена на один уровень выше, вы можете использовать:

<img width="32" height="32" alt="Facebook" src="../images/ico-social-facebook.png"></img>

Answer 2

Я получаю ошибку 403 Forbidden при попытке доступа к изображениям.

Кроме того, я считаю, что правильный синтаксис будет:

<img src="/images/ico-social-facebook.png">