Импортированная в HTML картинка не отображается на сайте

Я пытался импортировать изображение на HTML-сайт, изображение находится в той же папке, что и шаблон, и я сделал css-класс для импорта изображения. Когда я смотрю на сайт, я вижу рамку изображения, но в ней только знак вопроса, я работаю с Django, если это имеет значение. Буду благодарен за любую помощь. Пользователь Mac

    <div>

      <img class="header.jpg" src="header.jpg">
  
   </div>

    }

.header-image {

ширина: 100%; }

    .image-container {
   background-color: azure;
   padding: 16px;
   padding-left: 150px;
   padding-right: 150px;
}

Не видя больше вашего кода, я не уверен, но вы можете изменить атрибут class вашего тега изображения на

<img class="header-image" src="header.jpg">

поскольку в настоящее время он указывает на файл изображения, а не на класс CSS

HTH

По умолчанию django не ищет и не обслуживает статические файлы в каталоге templates. Вы должны поместить ваше изображение в каталог MEDIA, заданный в вашем settings.py. Документация здесь: https://docs.djangoproject.com/en/4.1/howto/static-files/

Просто дикое предположение, это может быть что-то вроде

.image-container {
  background-color: azure;
  padding: 16px 150px 16px 150px;
}
.header-image {
  width: 100%;
}


<div class="image-container">
  <img class="header-image" src="header.jpg">
</div>
Вернуться на верх