Menu Centralizado HTML CSS

26/05/2017

0

HTML CSS

Bom dia,

Surgiu a necessidade criar um menu dinâmico e utilizei um post aqui para fazer. O post foi o do link abaixo:
https://www.devmedia.com.br/menu-em-css-menu-dropdown-horizontal-com-html5-e-css3/37205

Agora vamos a dúvida.

Coloquei o conteúdo do 
[<nav></nav>/code] dentro de uma tag [code]<center></center>
para o menu ficar centralizado no meio da página e pronto, acabou os problemas, mas acontece que o menu fica continua no lado esquerdo sem nada conseguir move-lo de lá.

Alguém poderia me dá um luz? meu Css está igual ao do post, e o HTML a unica diferença é a tag 
<center>
e outra 
<img>
que fica acima do menu.
Filipe Voges

Filipe Voges

Responder

Post mais votado

16/06/2017

Opa, Filipe. Beleza?

Considere a opinião do Dayan de usar Flexbox, vai facilitar seu trabalho. Aqui tem um artigo ensinando a centralizar conteúdo com flexbox: https://www.devmedia.com.br/como-centralizar-divs-em-html-e-css/37568

Abraço.

Joel Rodrigues

Joel Rodrigues
Responder
Gostei + 1

Mais Posts

28/05/2017

William Nascimento

Uma sugestão use containers. Crie um div e coloque todo o menu dentro dessa div dê um nome para a div determine largura e coloque margin auto.

CSS
*{
    margin:0px;
    padding:0px;
}

.container{
   margin:auto;
   width:960px;
   height:auto;
}


HTML
   <div class="container">
         SEU MENU AQUI
   </div>
Responder
Gostei + 0

30/05/2017

Dayan Barros

Já tentou centralizar com flexbox?

Hoje em dia eu centralizo tudo com ele.

Abs
Responder
Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar