Ajeitar header

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Ajeitar header

Mensagem por IsmaelS. 23.03.19 18:22

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Estou utilizar este código para colocar um fundo atrás da logo:
Código:
#pun-intro {
background: url(https://i.servimg.com/u/f69/16/43/60/45/fun10.png) center 30%;
background-repeat: repeat-x;
border-bottom: 6px solid #76bd27 ;
border-top: 6px solid #e2ab05;
height: 110px;
margin-left: -5px;
margin-top: 20px;
padding: 1.5em 1em 1em;
text-align: left;
width: 100%;
}
#pun-logo {
    float: right;
}

Problema é que queria deixar esticado e fixo sem repetições como demonstra a print:~
Ajeitar header 112
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

http://suporte-design.forumeiros.com/
  • 0

Atendido / Resolvido Re: Ajeitar header

Mensagem por pedxz 23.03.19 19:02

Olá @IsmaelS.,
Mude o seu código, CSS, para:
Código:
#pun-intro {
   background: url(https://i.servimg.com/u/f69/16/43/60/45/fun10.png);
        background-size: cover;
   background-repeat: no-repeat;
   border-bottom: 6px solid #76bd27;
   border-top: 6px solid #e2ab05;
   height: 110px;
   margin-left: -5px;
   margin-top: 20px;
   padding: 1.5em 1em 1em;
   text-align: left;
   width: 100%;
}
 
#pun-logo {
   float: right;
}


Cordialmente,
pedxz.
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Atendido / Resolvido Re: Ajeitar header

Mensagem por IsmaelS. 23.03.19 19:08

Resultou, agora só uma questão queria mexer apenas a logo mais para a esquerda um pouco qual o código para tal?
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

http://suporte-design.forumeiros.com/
  • 0

Atendido / Resolvido Re: Ajeitar header

Mensagem por pedxz 23.03.19 19:22

Localize na sua folha de estilo:
Código:
#pun-logo {
  float: right;
}
e mude para:
Código:
#pun-logo {
  float: right;
  margin-right: 120px;
}


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Atendido / Resolvido Re: Ajeitar header

Mensagem por IsmaelS. 23.03.19 19:26

Era isso mesmo, obrigado Colegas
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Ajeitar header

Mensagem por pedxz 23.03.19 19:27

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum