Изображение логотипа в HTML не отображается

У меня есть html-страница с логотипом вверху:

После того, как я изменил размер своего логотипа на тот же размер и сохранил его там, он не появляется:

Код для логотипа следующий

<nav class = "navbar navbar-inverse navbar-fixed-top" role = "navigation">
  <div class = "logo">
    <div class = "relative-logo">
      <img src = "assets/images/logo" alt = "logo">
    </div>
  </div>

  <div class = "container">
    <div class = "navbar-header">
      <div class = "responsive-logo visible-xs">
        <a href = "index.html"><img src = "assets/images/logo-mobile.png" alt = ""></a>
      </div>

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

Вероятно, вы ошиблись адресом. Проверьте вкладку сети инструментов разработчика вашего браузера.

— 09.04.2019 11:10

Какова структура вашего сайта?

— 09.04.2019 11:14

html css

09.04.2019 10:54

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

774

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вы забыли расширение файла (.png, .jpg и т. д.) в src из <img>. Изменять

<img src = "assets/images/logo" alt = "logo">

<img src = "assets/images/logo.png" alt = "logo">

Вот полный код:

<nav class = "navbar navbar-inverse navbar-fixed-top" role = "navigation">
  <div class = "logo">
    <div class = "relative-logo">
      <img src = "assets/images/logo.png" alt = "logo">
    </div>
  </div>

  <div class = "container">
    <div class = "navbar-header">
      <div class = "responsive-logo visible-xs">
        <a href = "index.html"><img src = "assets/images/logo-mobile.png" alt = ""></a>
      </div>
  </div>

Может быть. URL-адреса без расширений файлов на них абсолютно действительны.

— 09.04.2019 11:09

Пожалуйста, не отвечайте на вопросы, решение которых "Исправьте опечатку". Этот тип вопроса не имеет долгосрочной ценности, поскольку другие люди с такой же проблемой не найдут его с помощью поиска. «Опечатка» — одна из стандартных причин закрытия голосования. Ответ на этот тип вопроса может помешать OP удалить его, чтобы удалить раздувание из StackOverflow. Вы можете удалить этот ответ, чтобы снять блокировку.

— 09.04.2019 11:09

@ Квентин, я не согласен. Это не опечатка и даже может быть распространенной ошибкой. Я не понимаю, как это никогда не может иметь никакой ценности ни для кого.

— 09.04.2019 11:14

09.04.2019 11:07

Попробуйте добавить / вверху src: "/" Это для абсолютного пути.

Пример <img src = "/image.png"/> --> http://www.something.com/image.png Пример 2 <img src = "/folder/image.png"/> --> http://www.something.com/folder/image.png

Если мобильная версия работает, это не может быть решением.

— 09.04.2019 11:17

09.04.2019 11:14