Почему не вставляется картинка в html
Перейти к содержимому

Почему не вставляется картинка в html

  • автор:

Почему не отображается картинка в html: что делать

Причин почему может не выводиться картинка в html довольно много. Рассмотрим самые частые ошибки синтаксиса.

Нарушен синтаксис атрибута src (написан как scr) тэга img. Явление этого сегодня довольно редкое, так как HTML-документы, как правило, пишутся в специализированных редакторах, которые подсвечивают правильно введённые тэги, атрибуты, спецсимволы. В комплексных средах разработки (DreamViever) подобная ошибка невозможна в принципе.

Ошибка №2

Почему не отображается картинка в html? Возможно синтаксис тега img и его атрибутов правильный, но неверно указано имя файла изображения.

Операционные системы по умолчанию скрывают расширение файла и поэтому картинка с именем picture.jpg.png в проводнике и диалоговых окнах открытия отображается как picture.jpg

Для исключения подобной ошибки необходимо в свойствах папки активировать показ расширения файлов.

Ошибка №3

Не верно указан полный путь к изображению в атрибуте src. Эта ошибка возникает вследствие механического копирования пути из другого HTML документа либо иного источника.

Специально для Вас: У меня всё время закрывается Google Play на Samsung: 4 причины

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

Файл может находится еще и в нескольких подкаталогах. Именно поэтому проблема почему не отображается картинка в html немного сложнее чем может показаться сначала. Так в значении атрибута src указываются все подкаталоги.

Например: фотография myphoto.jpg находится в подкаталоге photo внутреннего каталога image. Значение атрибута src в этом случае прописывается как “image/photo/myphoto.jpg”.

Если изображение находится во внешнем по отношению к документу каталоге то прописывание полного пути начинается с “../”. Например: “../image/photo/myphoto.jpg”.

Ошибка №4

В браузере с помощью которого осуществляется просмотр документа отключен вывод изображений. В этом случае, если тэг img прописан полностью, то есть указан непустой атрибут alt будет выведено его значение. Например: при alt=”Моя фотография” отобразится «Моя фотография». При пустом или опущенном атрибуте alt большинство браузеров выводит пиктограмму изображения.

Специально для Вас: Как сделать валидацию HTML-кода: Markup Validation Service

Таким образом, рассмотрев все четыре ошибки, ответить почему не отображается картинка в html гораздо проще…

Не отображается картинка

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

Я поставил visibility: visible, но не отображается фото, что делать? Помогите пожалуйста.
PS. Ребята я новичок, так что если что то не так или не туда написал извиняюсь.

3DGridEffect.zip (246.2 Кб, 5 просмотров)

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Не отображается картинка
Перестали отображаться картинки в HTML. Код такой: <td width="335" align="center".

Не отображается картинка
Пытаюсь вставить картинку с меню(menu),но она не отображается,подскажите ,пожалуйста,в чем дело.

Картинка не отображается
Привет, по ссылке http://r.ournet.biz/123hMqF в раздел "Învârtite — Învătită cu prune" при нажатие.

Не отображается картинка
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Эффект перекатывания</title> .

Эксперт HTML/CSS

2964 / 2597 / 1068
Регистрация: 15.12.2012
Сообщений: 9,863
Записей в блоге: 11
Mythica, интересно о каком фото речь? Все картинки подключенные с помощью тега img на месте.
Регистрация: 12.11.2016
Сообщений: 3

Вот фото они на гловавном странице, если открыть index.html, то можно увидеть там разные фотографии, если нажать на один из них, то будет переворачивать сторону фото, я хочу что бы когда фото переворачиваем, показывал фото, -webkit-visibility: visible; атрибут visable отвечает за то что бы показать фото после переворачивания, а атрибут hidden что бы не показал. Я поставил на «Visible», но не отображается фото после переворачивания.

Эксперт HTML/CSS

2964 / 2597 / 1068
Регистрация: 15.12.2012
Сообщений: 9,863
Записей в блоге: 11

Лучший ответ

Сообщение было отмечено Mythica как решение

Решение

Mythica, так там нет же картинки после переворачивания, там просто блок торчит. В него сначала, нужно картинку засунуть, а потом уже ждать, что она появится.

Регистрация: 12.11.2016
Сообщений: 3

Ааа, а я думал после переворачивания будет показать это же фото, спасибо, сейчас попробую

Добавлено через 26 минут
Федор спасибо большое, все сработало

87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Re: Не отображается картинка
Как прикрутить alt описание к картинкам в слайдере на этом сайте http://flycamspb.ru/ подскажите.

Не отображается картинка в бэкграунде
Ребят такое дело учусь верстать шаблон,и застопорился на установке бакграунда все стили прописаны.

Не отображается картинка на странице
Есть на моей странице картинка, которая очень нестабильно и не всегда отображается P.S.

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

Или воспользуйтесь поиском по форуму:

Картинка не вставляется

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

Не вставляется картинка
Не могу понять почему картинка не загружается, делаю все на денвере. <ul .

Программа WebCoder — не вставляется картинка
Пишу тег а рисунок не вставляется <body> <img src="D:\äîêóìåíòû\Ìîè.

Не вставляется картинка. Вместо неё квадрат
<IMG scr="Okno.png" /> картинка лежит в папке с документом. Пробовал создать папку для.

13208 / 6596 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069

ЦитатаСообщение от EK Посмотреть сообщение

не работает?

Работает. Просто Ваш div имеет размер 0х0, потому что в нем нет ни контента, ни ширины и высоты, ни чего-либо еще.

Добавлено через 56 секунд

ЦитатаСообщение от EK Посмотреть сообщение

Папка Fons и сама страница находятся на D:\ в корне
А css-код в файле в отдельной директори или прямо в html странице?
Регистрация: 16.02.2012
Сообщений: 381

css у меня в отдельном файле.
Постараюсь запомнить, что указывать надо размеры не самой картинки, а бокса для нее.

13208 / 6596 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069

ЦитатаСообщение от EK Посмотреть сообщение

css у меня в отдельном файле.
В отдельном файле в отдельной директории или там же, где и html? (style.backgroundImage)
Регистрация: 16.02.2012
Сообщений: 381
Там же, где и html: оба файла лежат в корне на d:\

Эксперт JSЭксперт HTML/CSS

2435 / 1114 / 312
Регистрация: 23.06.2011
Сообщений: 3,525

ЦитатаСообщение от EK Посмотреть сообщение

Постараюсь запомнить, что указывать надо размеры не самой картинки, а бокса для нее.

Не совсем верно. В данном случае есть фоновая картинка которая ни как не влияет на размер контейнера, но если эту картинку вставить в див не фоном, а картинкой тогда див растянется по размерам картинки.

div>img src="" alt="">/div>

в этом случае картинка будет тем самым контентом о котором сказал Vovan-VE, и в этом случае размеры картинки указывать не обязательно, хотя и желательно. Такой распространенный браузер как лиса давно забил на эти размеры.
В книгах можно найти объяснение, зачем картинке размеры.

901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
Эксперементальным путём подтверждено:

div id="box">/div>
1 2 3 4 5 6 7 8
#box{ color:#ffffff; width:800px; height:600px; margin: 20px auto; border: 5px solid #070fa3; background-image:url('../Fons/fon1.jpeg'); }

Картинка тоже 800х600
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Не вставляется картинка
Private Sub Command2_Click() x = Val(Text1.Text) Select Case x Case 1 Form1.Caption = "Это.

не вставляется картинка в пикчербокс
не вставляется картинка в пикчербокс, строку где выдает ошибку выделил using System; using.

Почему не вставляется картинка из моей подписи?
Подпись вставляется превосходно, но вот на месте картинки только крестик. Function findMySign().

Картинка вставляется как OLE объект
Картинка вставляется как OLE объект на пространство модели. Как это убрать? Мне нужна просто.

Или воспользуйтесь поиском по форуму:

Почему не вставляется картинка в html

Не могу вставить изображение. На сайте отображается пустое окно с надписью «Изображение» и значок того, что картинка не загрузилась. Код проверяла несколько раз, ошибок не было

 "img\belka.jpg" alt="Изображение" title="Изображение" />  "img\cat.jpg" alt="Изображение" title="Изображение" />  "img\pands.jpg" alt="Изображение" title="Изображение" /> 

Последний раз редактировалось Пепел Феникса; 03.09.2016 в 12:37 .

Yulia Belka
Посмотреть профиль
Найти ещё сообщения от Yulia Belka

Регистрация: 28.01.2009
Сообщений: 21,000

рядом со страницей на сервере есть папка img?
а ней есть указанный вами файл?
(и по мелочи, / лучше его ставить)

Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел.
Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.

Пепел Феникса
Посмотреть профиль
Найти ещё сообщения от Пепел Феникса

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *