Boas-vindas ao Power Pixel

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

Centralizar Menu

5 participantes

Júnior Duarte Júnior Duarte  • Ter 6 maio 2014 - 11:57

Centralizar Menu Empty Centralizar Menu Ter 6 maio 2014 - 11:57

Minha questão:
Bom galera gostaria de centralizar no quadrado menor o menu, percebam que está a esquerda.

Agradeço pela ajuda.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


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

Versão:
PunBB

Daemon Daemon  • Ter 6 maio 2014 - 12:19

Centralizar Menu Empty Re: Centralizar Menu Ter 6 maio 2014 - 12:19

Adicione em seu css:
Código:
#topnav {margin: 0 auto !important;}
Até!

Júnior Duarte Júnior Duarte  • Ter 6 maio 2014 - 12:25

Centralizar Menu Empty Re: Centralizar Menu Ter 6 maio 2014 - 12:25

Daemon escreveu:Adicione em seu css:
Código:
#topnav {margin: 0 auto !important;}
Até!

Não funcionou amigo.

Júnior Duarte Júnior Duarte  • Ter 6 maio 2014 - 16:17

Centralizar Menu Empty Re: Centralizar Menu Ter 6 maio 2014 - 16:17

Alguem pra dar um help?

DeeW. DeeW.  • Ter 6 maio 2014 - 16:29

Centralizar Menu Empty Re: Centralizar Menu Ter 6 maio 2014 - 16:29

Código:
#topNav li{padding-left: 60px;}

Deixará mais "espalhado".

Neo Neo  • Ter 6 maio 2014 - 16:36

Centralizar Menu Empty Re: Centralizar Menu Ter 6 maio 2014 - 16:36

Faça as seguintes alterações no seu CSS:

1 - Procure por #topnav li e apague o atributo float: left;
2 - No lugar do float apagado, adicione display: inline-block;
3 - Acrescente em seu CSS o seguinte código:

Código:
#topnav {
text-align: center !important;
}

RafaelS. RafaelS.  • Ter 6 maio 2014 - 16:38

Júnior Duarte Júnior Duarte  • Ter 6 maio 2014 - 18:42

Centralizar Menu Empty Re: Centralizar Menu Ter 6 maio 2014 - 18:42

ydrean escreveu:Faça as seguintes alterações no seu CSS:

1 - Procure por #topnav li e apague o atributo float: left;
2 - No lugar do float apagado, adicione display: inline-block;
3 - Acrescente em seu CSS o seguinte código:

Código:
#topnav {
text-align: center !important;
}


Funcionou amigo, obrigado a todos.

Conteúdo patrocinado  • 

Centralizar Menu Empty Re: Centralizar Menu

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