Ir para conteúdo
Fórum Script Brasil
  • 0

Não Consigo Centralizar A <ul> Dentro Da <div>


Beraldo

Pergunta

O meu menu está ficando alinhado à esquerda por mais que eu coloque alinhamento central. Já tentei colocar text-align: center nas CSS e align na tag <ul>, mas nada dá certo.

Olhem a CSS da div menu:

.menu {
  font-size: 12px;;
  font-weight: bold;
  color: white;
  position: absolute;
  top: 130px;
  left: 0px;
  width: 100%;
  height: 17px;
  padding: 0;
  background: #003366;
  margin: 0;
  border: 0;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu ul li {
  display: inline;
  float: left;
  margin: 0 10px;
  pading: 0px;
}
.menu A:link {
  color: white;
  text-decoration: none;
}
.menu A:active {
  color: white;
  text-decoration: none;
}
.menu A:hover {
  color: #CCCCCC;
  text-decoration: underline;
}
.menu A:visited {
  color: white;
  text-decoration: none;
}
E o código HTML da div menu:
<div class="menu">
<ul>
  <li><a href="index.php" title="Ir &agrave; P&aacute;gina Inicial">P&aacute;gina Inicial</a></li>
  <li><a href="quem_somos.php" title="Quem Somos">Quem Somos</a></li>
  <li><a href="trabalhos.php" title="Veja nossos trabalhos">Trabalhos</a></li>
  <li><a href="orcamento.php" title="Solicite um or&ccedil;amento sem compromisso">Or&ccedil;amento</a></li>
  <li><a href="contato.php" title="Entre em contato conosco">Contato</a></li>
</ul>
</div>

Como posso centralizar essa <UL>?

Estou começando agora a mexer com Tableless, por isso estou com algumas dificuldades...

Por que não dá certo colocando text-align: center; em .menu??

Valeu

Abraços

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0

Mano.... achei uma solução muitooo loco mais aqui funfo... ^^

tamo aí:

.menu {
  font-size: 12px;;
  font-weight: bold;
  color: white;
  position: absolute;
  top: 130px;
  width: 100%;
  height: 17px;
  padding: 0;
  background: #003366;
  margin: 0;
  border: 0;
  position: absolute;
  left: 1%;
  margin-left: - (1/2 de 50);
}

^^

Link para o comentário
Compartilhar em outros sites

  • 0

centralizei aqui... 2 alterações

<div class="menu" align="center">

<ul>

<li><a href="index.php" title="Ir à Página Inicial">Página Inicial</a></li>

<li><a href="quem_somos.php" title="Quem Somos">Quem Somos</a></li>

<li><a href="trabalhos.php" title="Veja nossos trabalhos">Trabalhos</a></li>

<li><a href="orcamento.php" title="Solicite um orçamento sem compromisso">Orçamento</a></li>

<li><a href="contato.php" title="Entre em contato conosco">Contato</a></li>

</ul>

</div>

.menu ul li {

display: inline;

/*float: left;*/

margin: 0 10px;

pading: 0px;

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...