Попытка добавить 4 высыхающих логотипа в этот html-шаблон. Кто-нибудь может исправить то, что я сделал не так? Он показывает это на сайте: 4 высохшего логотипа

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

<body>
    <!-- Loader -->
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>
    
    <!-- Page Content -->
    <div class="container-fluid tm-main">
        <div class="row tm-main-row">

            <!-- Sidebar -->
            <div id="tmSideBar" class="col-xl-3 col-lg-4 col-md-12 col-sm-12 sidebar">

                <button id="tmMainNavToggle" class="menu-icon">&#9776;</button>

                <div class="inner">
                    <nav id="tmMainNav" class="tm-main-nav">
                        <ul>
     <!--ERROR IMG -->      <img data-image="4 Dry Out Logo.jpg" alt="4 Dry Out Logo">
                            <li>
0
Lady 12 Окт 2021 в 00:59

2 ответа

Лучший ответ
    <img data-image="4DryOutLogo.jpg" alt="4 Dry Out Logo">

Сначала вам нужно подумать о переименовании изображения и удалении пробелов из имени.

Во-вторых, вы должны использовать код, как показано ниже

    <img src = "../yourimagename.jpg">

Наконец, вы должны убедиться, что ваше изображение существует в пути к серверу. Я предлагаю вам сначала открыть изображение через ссылку url, как только его открытая копия вставит этот URL в код src.

Удачи

1
Ahmed amin shahin 11 Окт 2021 в 22:15

Если на ваш тег img не действует другой код, вам необходимо использовать атрибут src, чтобы указать URL-адрес изображения. Пробелы в имени изображения также могут вызывать проблему.

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

2
Maximillian Laumeister 11 Окт 2021 в 22:08