Не отображаются изображения, картинки на сервере и сайте
Вопрос совсем от новичка!
Когда создаю html-страницу на компьютере, то, при её открытии в браузере всё отображается правильно, как я задумываю: текст - там где надо, изображения - отображаются и там где это нужно на странице (.css-файл). Когда же перекачиваю эту же созданную html-страницу на сервер и сайт, то: с текстом всё хорошо, а вот вместо изображений пустые квадратики, причём в тех местах страницы, где я и задумываю (то есть .css-файл тоже, видимо, передаётся). Только сами изображения упорно не появляются!!! Отмечу ещё такой момент: если перекачать на сервер просто изображение, а не html-страницу (например, с этим же изображением), то оно будет отображаться... То есть, у меня никак не получается создать html-страницу на сайте С ОТОБРАЖАЮЩИМИСЯ ИЗОБРАЖЕНИЯМИ - вместо них пустые квадратики!
Что делаю не так??? Какие есть наиболее распространённые ошибки при такой проблеме?
Помогите разобраться, пожалуйста! Именно этот вопрос мне очень мешает в освоении сайтостроения.
Когда создаю html-страницу на компьютере, то, при её открытии в браузере всё отображается правильно, как я задумываю: текст - там где надо, изображения - отображаются и там где это нужно на странице (.css-файл). Когда же перекачиваю эту же созданную html-страницу на сервер и сайт, то: с текстом всё хорошо, а вот вместо изображений пустые квадратики, причём в тех местах страницы, где я и задумываю (то есть .css-файл тоже, видимо, передаётся). Только сами изображения упорно не появляются!!! Отмечу ещё такой момент: если перекачать на сервер просто изображение, а не html-страницу (например, с этим же изображением), то оно будет отображаться... То есть, у меня никак не получается создать html-страницу на сайте С ОТОБРАЖАЮЩИМИСЯ ИЗОБРАЖЕНИЯМИ - вместо них пустые квадратики!
Что делаю не так??? Какие есть наиболее распространённые ошибки при такой проблеме?
Помогите разобраться, пожалуйста! Именно этот вопрос мне очень мешает в освоении сайтостроения.
- URL изображений в HTML-документе указан какой - относительный или абсолютный? от mfender, 17 декабря 2012 года
Попробую разжевать...
Потому что путь C:\Users\Пользователь\Pictures\Мои образцы изображений\Инопланетянин 2.jpg - абсолютный путь изображения относительно твоей настольной системы. В HTML путь нужно указывать относительно корня сайта, либо полный URL для аттрибута src.
Например, адрес сайта http://domain.dom/
Изображения хранятся в директории /public/images/
В директории с картинками есть aliens2.jpg
Значит, чтобы браузер смог отобразить изображение, ему нужно указать существующий адрес.
Абсолютный: <img src="http://domain.dom/public/images/aliens2.jpg" />
или относительный (относительно корня сайта): <img src="public/images/aliens2.jpg" />
Но никак не адрес картинки на локальном диске домашнего компьютера!!!
UPD. Изображения, разумеется, должны лежать в доступной директории сайта.
Например, физический путь к сайту на сервере /home/htdocs/mysite/www/
Значит, изображения, доступные по http://domain.dom/public/images/ будут находиться в директории /home/htdocs/mysite/www/public/images/
Если положить их сверьху, например в /home/htdocs/mysite/images/, они будут недоступны браузеру по http-протоколу.
Потому что путь C:\Users\Пользователь\Pictures\Мои образцы изображений\Инопланетянин 2.jpg - абсолютный путь изображения относительно твоей настольной системы. В HTML путь нужно указывать относительно корня сайта, либо полный URL для аттрибута src.
Например, адрес сайта http://domain.dom/
Изображения хранятся в директории /public/images/
В директории с картинками есть aliens2.jpg
Значит, чтобы браузер смог отобразить изображение, ему нужно указать существующий адрес.
Абсолютный: <img src="http://domain.dom/public/images/aliens2.jpg" />
или относительный (относительно корня сайта): <img src="public/images/aliens2.jpg" />
Но никак не адрес картинки на локальном диске домашнего компьютера!!!
UPD. Изображения, разумеется, должны лежать в доступной директории сайта.
Например, физический путь к сайту на сервере /home/htdocs/mysite/www/
Значит, изображения, доступные по http://domain.dom/public/images/ будут находиться в директории /home/htdocs/mysite/www/public/images/
Если положить их сверьху, например в /home/htdocs/mysite/images/, они будут недоступны браузеру по http-протоколу.
Напиши код любого изображения со страницы, которое не отображается.
mfender,
по поводу уточняющего вопроса, то (если Вы про: absolute или relative) я это в коде не прописывал...
Теперь, про HTML-код. Вот он:
<html>
<head>
<title>Мой документ</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<img src="C:\Users\Пользователь\Pictures\Мои образцы изображений\Инопланетянин 2.jpg" alt="Инопланетянин">
То есть, такой же в точности код у HTML-страницы на компьютере и на сервере. Должно появиться лицо (если можно так сказать) инопланетянина. При открытии на компе оно видно, а на сервере и сайте - уже нет, вместо него - только квадратик!
по поводу уточняющего вопроса, то (если Вы про: absolute или relative) я это в коде не прописывал...
Теперь, про HTML-код. Вот он:
<html>
<head>
<title>Мой документ</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<img src="C:\Users\Пользователь\Pictures\Мои образцы изображений\Инопланетянин 2.jpg" alt="Инопланетянин">
То есть, такой же в точности код у HTML-страницы на компьютере и на сервере. Должно появиться лицо (если можно так сказать) инопланетянина. При открытии на компе оно видно, а на сервере и сайте - уже нет, вместо него - только квадратик!
mfender,
Над этим вопросом я бился недели три! С Вами я его решил, буквально, за 5 минут! :-))
Спасибо!!!
Над этим вопросом я бился недели три! С Вами я его решил, буквально, за 5 минут! :-))
Спасибо!!!