Menu Centralizado HTML CSS

26/05/2017

0

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

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

30/05/2017

Dayan Barros

Já tentou centralizar com flexbox?

Hoje em dia eu centralizo tudo com ele.

Abs
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

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

Aceitar