Вопрос Как добавить пнг подсказок в сборку redage?

[Night5RP]

Есть пнг подсказок, но не получается подключить к верстке не понимаю как

 

[JFounder]

Что конкретно не получается ?
Есть-ли какие ошибки и т.д

 

[RamonIl]

<img src="{путь к подсказкам}">

or

<div class="hints"></div>

.hints {
    background: url({путь к подсказкам});
}

 

[Night5RP]

<img src="{путь к подсказкам}">

or

<div class="hints"></div>

.hints {
    background: url({путь к подсказкам});
}

Проблема в том что когда я прописываю 1 или 2 вариант то всеравно в худе не вижу никаких подсказок

 

[Night5RP]

Что конкретно не получается ?
Есть-ли какие ошибки и т.д

Выше

 

[RamonIl]

Проблема в том что когда я прописываю 1 или 2 вариант то всеравно в худе не вижу никаких подсказок

Путь прописываешь правильно?

Иконка: help.png
Каталог файла html: roleplay/index.html
Каталог иконки: roleplay/png/help.png
Путь к иконке: ../png/help.png

 

[Night5RP]

Вот код

        <div class="inGameHud" v-if="show" v-cloak>
            <div class="header_hud">
                <div class="online"><img src="./assets/images/hud/user.png" class="user"><a class="onlinecount">{{online}}</a></div>
                <div class="id">ID {{playerId}} #{{personId}}</div>               
                <img src="./assets/images/img/logo-anim.png" width="105" height="50" class="logo">
            </div>
            
            <div class="money">{{money}}<img src="./assets/images/hud/dollar.png" class="ico"></div>
            
            <div class="hints"></div>

.inGameHud .hints {
    background: url('../images/hud/help.png');
    background-position: left;
}

 

[RamonIl]

Вот код

        <div class="inGameHud" v-if="show" v-cloak>
            <div class="header_hud">
                <div class="online"><img src="./assets/images/hud/user.png" class="user"><a class="onlinecount">{{online}}</a></div>
                <div class="id">ID {{playerId}} #{{personId}}</div>              
                <img src="./assets/images/img/logo-anim.png" width="105" height="50" class="logo">
            </div>
           
            <div class="money">{{money}}<img src="./assets/images/hud/dollar.png" class="ico"></div>
           
            <div class="hints"></div>

.inGameHud .hints {
    background: url('../images/hud/help.png');
    background-position: left;
}

А по этим путям лежат иконки?

 

[Night5RP]

А по этим путям лежат иконки?

Да, проверял через visual studio

 

[RamonIl]

Вот код

        <div class="inGameHud" v-if="show" v-cloak>
            <div class="header_hud">
                <div class="online"><img src="./assets/images/hud/user.png" class="user"><a class="onlinecount">{{online}}</a></div>
                <div class="id">ID {{playerId}} #{{personId}}</div>             
                <img src="./assets/images/img/logo-anim.png" width="105" height="50" class="logo">
            </div>
          
            <div class="money">{{money}}<img src="./assets/images/hud/dollar.png" class="ico"></div>
          
            <div class="hints"></div>

.inGameHud .hints {
    background: url('../images/hud/help.png');
    background-position: left;
}

Открой файл HTML в браузере, нажми CTRL + SHIFT + I и зайди в консоль. Есть какая-нибудь ошибка?

 

[Night5RP]

 

[Night5RP]

Открой файл HTML в браузере, нажми CTRL + SHIFT + I и зайди в консоль. Есть какая-нибудь ошибка?

Нету

 

[RamonIl]

Открой файл HTML в браузере, нажми CTRL + SHIFT + I и зайди в консоль. Есть какая-нибудь ошибка?

Поменяй это:

.inGameHud .hints {
    background: url('../images/hud/help.png');
    background-position: left;
}

На это:

.hints {
    background: url('../images/hud/help.png');
    background-position: left;
}

 

[RamonIl]

Нету
Посмотреть вложение 2886

Напиши мне в DIscord:
Ronin#2256

 

[RamonIl]

Нету
Посмотреть вложение 2886

А у тебя VUE установлен?

 

[Night5RP]

Напиши мне в DIscord:
Ronin#2256

Спасибо большое!