Изображения, не отображающиеся на тестовом прогоне в любом браузере

Question

Я импортирую изображения, чтобы быть на странице, как ссылки - все прекрасно кончается на Dreamweaver, однако изображения не найдены, когда я проверяю страницу - что я делаю неправильно

здесь код им с помощью

<pre><img src="file://Macintosh HD/Users/backup/Desktop/SweetreeInkWeb/STIpngButtons/OrderButton.png" name="order" 
width="230" height="30" id="order"></pre> 

Answer 1

Ваше связывание в файл на вашем компьютере - ссылка должна быть относительная (или абсолютная) к вашему веб-корневой папке. (например, «/STIpngButtons/OrderButton.png»)

Веб-страницы не имеют доступа к файлам, которые находятся на компьютере пользователя. EDIT: Как указано в комментариях, если вы используете ваш компьютер в качестве сервера или открываете файл локально, загрузка такого файла должна работать.

Попробуйте установить путь к файлу с относительным или абсолютным URL (основано на том, где страница отображается с)

например:

<img src="/STIpngButtons/OrderButton.png" /> 

Что такое ошибка ваш получать от инструментов разработчика (F12 в хроме) Может быть и неправильный путь.

Answer 2

Хорошо, ваш CSS имеет образ, связанный (так, что показывает мне путь использовать ...):

<pre><img src="../sweetreeinkwebpage/STIpngButtons/OrderButton.png" name="order" 
width="230" height="30" id="order"></pre> 

Это должно работать для вас в этом случае. Если Intellisense сгенерировал этот URL-адрес в CSS, ваш сайт уже определен. Готов поспорить, поэтому изображение не загрузилось.

Если ваше изображение не находится в этом папке, тогда создайте папку и переместите изображение.