Detalhes da questão

Endereço do fórum: http://pabr.forumeiros.com
Versão do fórum: phpBB3

Descrição

Boa noite, quando eu coloco um banner no meu fórum ele acaba ficando duplicado, quando eu tento reverter a situação com o background-repeat não surgem efeitos.

código usado:

Código:

.headerbar {
    background-color: #1D262C;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-position: center center;
    background-image: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}


Olá @Strilk

Veja se surge efeito com o seguinte estilo de folha CSS:

Código:

.headerbar {
    height: 200px;
    background-color: #1D262C;
    background-position: center center;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Atenciosamente, Wusthy

Boa noite, o banner ficou desproporcional agora. É como se ele estivesse totalmente maximizado, olhe no fórum: pabr.forumeiros.com

Olá novamente @Strilk !

Poderia me informar seu overall_header por gentileza?

Atenciosamente, Wusthy

Olá, @Strilk !

Vê se surge efeito. Caso não haja efeito algum, me passe eu overall_header como citado a cima.

Código:

.headerbar {
    background-color: #1D262C;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-position: center center;
    background-image: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Dei uma modificada e observei o comentário do @Wusthy a cima e ao invés de retirar background-image: no-repeat; eu só adicionei o outro código. Faz um teste aí e me fala.

Olá,  @Strilk

Andei reparando no seu código e notei que tem duas

Código:

<div class="headerbar">

, nesse caso, o mesmo delete uma dessas

Código:

<div class="headerbar">

que vai voltar a sua normalidade o banner.

Em seguida, acrescenta na sua folha de estilo o seguinte código:

Código:

.headerbar {
    background-color: #1D262C;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Observação: Aconselho-lhe somente deletar a que não tiver nenhuma outra informação ou div's

Atenciosamente, Wusthy

Valeu meu querido, pode fechar. Eu já tinha feito isso antes, no entanto tinham div´s em ambos, mas acabei por juntar as div´s em um só, muito obrigado pela ajuda.