Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Problema com menu

3 participantes

Optimus Optimus  • Seg 21 Jul 2014 - 14:09

Problema com menu Empty Problema com menu Seg 21 Jul 2014 - 14:09

Minha questão:
Olá, estou adaptando uma skin, mas surgiu um pequeno problema com as resoluções e como estou começando a fazer adaptações, não sei direito como resolver:

Na resolução 1600x900:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Na resolução 1280x720:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Um problema parecido ocorre com a barra superior, quando logado.

O Código que está sendo utilizado é este:

Código:

#primary_nav {
    float: right;
    font-size: 16px;
    margin-top: 55px;
    max-width: 865px;
    padding: 0px;
}

Aguardarei propostas para a solução! E brevemente estarei disponibilizando a SKIN para donwload Smile


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Cepheus Cepheus  • Seg 21 Jul 2014 - 14:46

Problema com menu Empty Re: Problema com menu Seg 21 Jul 2014 - 14:46

Reputação da mensagem: 100% (1 votos)
se postar o overall_header ficaria mais fácil para testar;
mas analisando rapidamente reparei que vc não definiu um tamanho para a div: #logo,

no seu css adicione:
Código:
#logo{ width:20%; float:left;}
em 20% eu optei por esse tamanho mas vc pode colocar em pixel também e definir conforme sua adaptação.

testa lá e retorne com o resultado.
Até

Optimus Optimus  • Seg 21 Jul 2014 - 15:21

Problema com menu Empty Re: Problema com menu Seg 21 Jul 2014 - 15:21

Perfeito, poderia me dar um outro auxilio com o menu superior quando conectado?

1600x900:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

1280x720:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Usuário para teste:
[infos]
Usuário: test
Senha: 123456abcd[/infos]

Código:
Código:
#header_bar_on {
    background-color: #47586E;
    height: 66px;
    margin-right: -6px;
    min-width: 960px;
    width: 100%;
    float: right;
}

DeeW. DeeW.  • Seg 21 Jul 2014 - 16:02

Problema com menu Empty Re: Problema com menu Seg 21 Jul 2014 - 16:02

Reputação da mensagem: 100% (1 votos)
Meu notebook é 1280x800, então é um problema e tanto para mim, mas consegui adaptar o menu para que ficasse com resultado:

Código:
#user_navigation_on {
padding: 0;
text-align: right;
background-color: #47586E;
width: 90% !important;
margin: 0 auto;
min-width: 960px;
line-height: 63px;
margin-left: 56px;
}

Optimus Optimus  • Seg 21 Jul 2014 - 16:21

Problema com menu Empty Re: Problema com menu Seg 21 Jul 2014 - 16:21

Bom tive de deixar a barra um pouco maior do que a página, agora não fica "faltando" em nenhuma das resoluções.

[sucesso=Resolvido e Reputados!][/sucesso]

Conteúdo patrocinado  • 

Problema com menu Empty Re: Problema com menu

Permissões neste sub-fórum
Não podes responder a tópicos