Решено Проблема с местоположение баннера

[Bruha]

Здравствуйте. Случилась данная проблема.

У меня есть 1 баннер который отображается как нужно, а второй не как нужно.

​

Спойлер: extra.less

.userBanner.ga {
background: url(https://i.postimg.cc/Bv0ghTnj/GA-1.png);
width: 171px;
height: 27px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.userBanner.userBanner--staff {
background: url(https://i.postimg.cc/9MhcQFY4/image.png);
width: 171px;
height: 27px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

​

​

 

[Bruha]

Правильный это который первый)

 

[Aleksandr]

Попробуй убрать класс .userBanner

 

[Bruha]

Попробуй убрать класс .userBanner

Сделал вот так:

Спойлер: code

.ga {
    background: url(https://i.postimg.cc/Bv0ghTnj/GA-1.png);
    width: 171px;
    height: 27px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.userBanner.userBanner--staff {
    background: url(https://i.postimg.cc/9MhcQFY4/image.png);
    width: 171px;
    height: 27px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

всё так же

 

[Aleksandr]

Скинь ссылку на форум

 

[Kolpak]

Сделал вот так:

Спойлер: code

.ga {
    background: url(https://i.postimg.cc/Bv0ghTnj/GA-1.png);
    width: 171px;
    height: 27px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.userBanner.userBanner--staff {
    background: url(https://i.postimg.cc/9MhcQFY4/image.png);
    width: 171px;
    height: 27px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

всё так же

С кодом все хорошо, смотрите через код элемента, возможно в класс userBanner что-то добавляли

 

[Bruha]

Держите ссылочку на форум - Кликайте

 

[𝙡𝙖𝙨𝙩 𝙚𝙢𝙥𝙚𝙧𝙤𝙧.]

.ga {
    background: url(https://i.postimg.cc/Bv0ghTnj/GA-1.png);
    width: 171px;
    height: 27px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    overflow: hidden;
}

UPD: после добавления параметра overflow исправляется местоположения баннера и в виджете пользователя:

 

[Bruha]

.ga {
    background: url(https://i.postimg.cc/Bv0ghTnj/GA-1.png);
    width: 171px;
    height: 27px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    overflow: hidden;
}

Посмотреть вложение 5264

UPD: после добавления параметра overflow исправляется местоположения баннера и в виджете пользователя:Посмотреть вложение 5265

Проблема решена. Помогло то что выше.