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

Почему не работает картинка в html

  • автор:

HTML Не открывается img с локальным src в браузере, где искать проблему?

Только начал изучать html, поэтому прошу не закидывать тапками.
Вот мой код
5fba606771a06408828388.jpeg
Проблема в том, что при открытии в браузере (пробовал chrome, mozila, explorer) не открывается картинка.
5fba6099b2f20240536269.png
Перепроверил всё что только можно было:
1.Путь указан верно, пробовал как в одну папку с html файлом ложить и указывать src=»https://qna.habr.com/q/11.jpg», так и в отдельно созданную, которая лежит в папке с html.
2.Скрытие расширений файлов в настройках windows отключено
3.Картинка не битая, пробовал заменять другой
4.В настройках браузера отображение картинок включено, никаких расширений не установлено.
5.Переносил всё на другую машину, пробовал открыть там — результат тот же самый
6.Пробовал указывать длину ширину, помещать img в div — не помогает.
Гуглил свою проблему, везде на такое отвечают одним из перечисленных мною пунктов, но мне они не помогли. Укажите в чем еще может быть проблема?
Пишу в редакторе brackets, так как посчитал его удобным для себя, и кстати если в нем навести на src он отображает изображение в миниатютре, что лишний раз доказывает, что путь верный.

  • Вопрос задан более трёх лет назад
  • 1012 просмотров

1 комментарий

Простой 1 комментарий

Картинка-ссылка не работает

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

На сайте с 02.10.2006
4 июня 2016, 20:08

Provizor-071:
В одном шаблоне вордпресс, который я сейчас использую, при вставке ссылки в картинку она не открывается. То есть при нажатии на картинку не происходит переход по ссылке. В чем может быть причина?

html код этой ссылко картинки какой получается?
Обалденный заработок на социальных сетях (https://goo.gl/Qtsq6M)
На сайте с 07.03.2015
4 июня 2016, 20:12

Provizor-071:
В одном шаблоне вордпресс, который я сейчас использую, при вставке ссылки в картинку она не открывается. То есть при нажатии на картинку не происходит переход по ссылке. В чем может быть причина?

Ясное дело, это же не возможно. Попробуйте проинспектировать эту картинку фаербагом.
Качественная верстка PSD макетов (/ru/forum/974524)
На сайте с 16.06.2007
5 июня 2016, 01:10
Может быть, потому что вставляется не ссылка в картинку, а картинка в ссылку. 🙂
На сайте с 04.10.2011
5 июня 2016, 11:38
Provizor-071:
В чем может быть причина?

Например, в установленных плагинах. Тот-же fancybox по дефолту как раз ищет ссылки с картинками в контексте.

Сдается, обращаться скайп avdesk-it-kmm Верстка, кодинг — контакты в профиле. VPS от 5€ (https://gmhost.com.ua/?partner=10255)

На сайте с 05.06.2015
5 июня 2016, 13:08

zzzz

Вот код: На другом сайте делаю так же, и все работает. Я делаю так, в редакторе выделяю картинку, нажимаю на панели «вставить/изменить ссылку» или же в настройках картинки выбираю «произвольный Url» и в нем вписываю адрес страницы, которая должна открыться

На сайте с 04.10.2011
5 июня 2016, 14:22

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

На сайте с 05.06.2015
5 июня 2016, 14:37

mmkulikov:
Покажите конкретный пример на живой странице — тогда смогу сказать точней, почему не работает ссылка.

Хорошо что у меня для подобных случаев есть пробный сайт с этим же шаблоном, т.к. свой не показываю (сверх секретная прибыльная информация) 🙂 Вот: http://djeysonborn2016.ru/strn1

На сайте с 04.10.2011
5 июня 2016, 14:51

Provizor-071:
Вот:

Ну, как я Вам сразу и сказал, стоит плагин, обрабатывающий ссылки на картинки. В данном случае стоит что-то на lightbox

На сайте с 05.06.2015
5 июня 2016, 15:00

mmkulikov:
Ну, как я Вам сразу и сказал, стоит плагин, обрабатывающий ссылки на картинки. В данном случае стоит что-то на lightbox

Из плагинов у меня: Akismet Menu image (чтобы в меню можно было добавить картинку) Yoast SEO Шорткоды. Пробовал все отключить — ничего не поменялось. На другом сайте с другим шаблоном у меня такие же плагины — все работает

На сайте с 04.10.2011
5 июня 2016, 15:06
Provizor-071:
На другом сайте с другим шаблоном

Тогда здесь ключевое слово «другим шаблоном» — надо тогда пилить functions.php в папке темы. Хотя может быть и в любом другом месте. Попробуйте убрать подключение lightbox

Не отображается картинка на сайте. Однако картинка отображается

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

Картинка на сайте отображается 1х1 пиксел
Здравствуйте. Есть страница сайта сайта. На этом сайте отображается картинка, на некоторых.

Не отображается картинка на сайте WordPress через CSS
Здравствуйте! У меня такая проблема, никак не могу заставить отображаться картинку на главной.

Картинка отображается в Хроме и не отображается в Опере
подскажите, добавил картинку со ссылкой. В Хроме все нормально, а в Опере и Сафари картинка не.

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

43 / 28 / 15
Регистрация: 20.12.2016
Сообщений: 107
Изображение по ссылке отсутствует.

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
 html lang="en"> head> meta charset="UTF-8"> title>Причины /title> /head> body> h1 align="center"> Основная причина заключается в том, что. /h1> p align="center"> Да вы только посмотрите на его лицо br> Оно же прекрасно, как лучи утреннего солнца, br>проходящего через чистое, как слеза младенца окно/p> br> br> img src="../images/taxi.jpg" alt="Бодя Рыло"> /body> /html>

В данном случае у меня путь, а не ссылка. Возникает такая проблема, что когда работаю через IDE такие как Subline text и тп, картинка не отображается, но когда я создал файл index через обычный блокнот все было хорошо, использовал тот же путь, что и в коде

41 / 30 / 12
Регистрация: 19.11.2021
Сообщений: 218

Cloud228, проблема может быть в том, что Вы указываете перед путем ../. Такое нужно указывать только тогда, когда картинка находится в папке выше самого файла HTML. И могло совпасть так, что когда Вы создавали файл в блокноте, то картинка была в папке выше, чем файл HTML. А при использование Sublime Text — нет.

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

Я перепробовал разные варианты написания кода, перемещал картинку в тот же файл, где находится HTML документ, но она все равно не отображается. Данная запись относительного пути имеет такую логику: файл с картинкой находится на один уровень выше, чем HTML файл. Я пробовал без двоеточия вначале, но все равно не канает

Эксперт PHP

3106 / 2591 / 1219
Регистрация: 14.05.2014
Сообщений: 7,236
Записей в блоге: 1

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

файл с картинкой находится на один уровень выше, чем HTML файл
В папке images?
Регистрация: 24.01.2022
Сообщений: 6
именно так
Заблокирован

Cloud228Есть разница в том как вы открываете файл html — через проводник или на сервере?

../images в проводнике не работает, только ./images или просто images. Но я, например, всегда прописываю от корня /images и открываю на сервере по URL.

Регистрация: 24.01.2022
Сообщений: 6
Расскажите, пожалуйста, подробнее
Заблокирован

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

Расскажите, пожалуйста, подробнее
Что именно?
Регистрация: 24.01.2022
Сообщений: 6

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

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

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

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

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

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

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

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

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

Почему img с локальным src не отображает картинку?

Добрый день!
Хочу отобразить картинку с локальным расположением на диске D:
Но почему то не хочет отображаться картинка.

Файл из папки открывается отдельно в браузере с указанным выше путем.

Рабочее окружение — локальный devserver webpack + nodejs на windows7.

UPD: В общем, не показывает только в dev режиме, в prod работает — запускаю html файл — картинки показываются.
Значит, что-то блокирует имеено в dev режиме. Кто знает ответ?

  • Вопрос задан более трёх лет назад
  • 5710 просмотров

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

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