Почему изображения на странице видны только на моем компьютере и не отображаются на другом? - «Изображения»
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Видео уроки
  • 19 апрель 2023, 08:23
Причины популярности камеры GoPro и особенности современной техники
Популярные статьи
  • 20 апрель 2024, 00:00
Учёные создали дрон, который летает исключительно на энергии Солнца - «Новости сети»
Наш опрос
Помогли мы вам



Наши новости
       
  • 24 март 2016, 17:40
Написание эффективного кода
  • 24 март 2016, 16:20
Базовый синтаксис CSS
Разное и интересное
  • 19 апрель 2023, 08:23
Причины популярности камеры GoPro и особенности современной техники
  • 15 март 2020, 12:20
? ССЫЛКА НА Maestro - «Видео уроки - CSS»
16-03-2016, 16:16
Почему изображения на странице видны только на моем компьютере и не отображаются на другом? - «Изображения»
Рейтинг:
Категория: Самоучитель CSS / Изображения

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

Пример 1. Изображение видно только на моем компьютере

HTML5IECrOpSaFx

<!DOCTYPE html><html> <head>  <meta charset="utf-8">  <title>Пути</title> </head> <body>  <p><thumb src="file:///y:/home/webref/www/images/screenshot.png"    alt="Дизайн" width="150" height="90"></p> </body></html>

Чтобы устранить указанный недостаток, необходимо искоренять локальные адреса и заменять их относительными. Тогда значение атрибута src в примере 1 заменится на images/screenshot.png. В примере 2 показаны варианты указания адресов изображений на странице.

Пример 2. Адреса изображений

HTML5IECrOpSaFx

<!DOCTYPE html><html> <head>  <meta charset="utf-8">  <title>Пути</title> </head> <body>  <p><thumb src="images/1.png" alt="Путь к файлу 1.png, расположенному в папке images"     width="150" height="90"></p>  <p><thumb src="/images/2.png" alt="Папка images лежит в корне сайта"      width="150" height="90"></p>  <p><thumb src="../images/3.png" alt="Перейти на уровень выше в иерархии папок и      открыть файл 3.png, расположенный в папке images" width="150" height="90"></p> </body></html>

В примере

Теги: Изображения, видны странице, , Почему изображения только

Просмотров: 3 437
Комментариев: 0:   16-03-2016, 16:16
Распечатать
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:


Другие новости по теме:
Комментарии для сайта Cackle
ДОБАВИТЬ БАННЕР