1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Alinhar menu navegação ao centro

Discussão em 'Web Development' iniciada por DannyPt, 13 de Setembro de 2012. (Respostas: 7; Visualizações: 3026)

  1. DannyPt

    DannyPt Power Member

    Olá pessoal, tenho este código em HTML:

    Código:
    <nav id="navmenu">
    <ul>
    <li><a href="#">Home Page</a></li>
    <li><a href="#">Quem Somos</a></li>
    <li><a href="#">Ementas</a></li>
    <li><a href="#">Contactos</a></li>
    <li><a href="#">Reservas</a></li>
    </ul>
    </nav>
    e este código em CSS:

    Código:
    #navmenu ul
    {
    list-style: none;
    padding: 0;
    margin: 0;
    color: white;
    }
    #navmenu li
    {
    float: left;
    margin: 1px;
    font-family: Tahoma;
    font-size: 15px;
    color: white;
    }
    #navmenu li a
    {
    background: url(menubg.gif);
    height: 30px;
    line-height: 25px;
    float: left;
    width: 180px;
    display: inline-block;
    border: 1px solid #dcdce9;
    color: white;
    text-decoration: none;
    text-align: center;
    }
    Queria colocar este menu alinhado ao centro da página mas não consigo :\ Consigo à esquerda e direita...mas não ao ceentro...lol. Alguém me ajuda nisto?
     
  2. Macarroni

    Macarroni Banido

    Código:
    #navmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: white;
    [COLOR=#ffd700][SIZE=2][B]text-align:center;[/B][/SIZE][/COLOR]
    }
     
  3. tonebiclas

    tonebiclas Power Member

    não vai funcionar porque ele têm float nos <li>'s

    tira o float e usa display: inline-block, e dá o text-align: center ao <ul>
     
  4. DannyPt

    DannyPt Power Member

    Funcionou tonebiclas.

    Obrigado
     
  5. Experimenta:
    Código:
    #navmenu {
    margin:0 auto;
    }
     
  6. Macarroni

    Macarroni Banido

    Nem vi o float left, ficava tudo mal.
    Ainda bem que já tá resolvido.
     
  7. tonebiclas

    tonebiclas Power Member

    para usar isso teria de ter uma mediada fixa
     
  8. DannyPt

    DannyPt Power Member

    Certo :) Antes não tinha...entretanto já meti...lol
     

Partilhar esta Página