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

Problema no alinhamento do texto no menu


Pedro Chamon

Pergunta

Oi, eu to com um problema que é o seguinte, não consigo alinhar o texto do menu ao centro. Se eu por um padding-left: 70px na ul o menu caminha, mas ai qm tem resolução de 1024x768, ou seja, um "netbook" vai visualizar uma barra horizontal do navegador. alguém pode me ajudar? Esse é meu menu:

<div id="nav">

<ul>

<li><a href="index2.html" class="primeiro">Página Inicial</a></li>

<li><a href="#">Relojoaria Brasil</a></li>

<li><a href="#">Novidades 2011</a></li>

<li><a href="#">Produtos</a>

<ul>

<li><a href="#">Relógios</a></li>

<li><a href="#">Jóias</a></li>

<li><a href="#">Semi-Jóias</a></li>

</ul>

</li>

<li><a href="#">Promoções</a></li>

<li><a href="contato.html" class="ultimo">Contato</a></li>

</ul>

</div><!--nav-->

E esse é o CSS dele

#nav {

height:40px;

margin:-10px -10px;

padding:0 1px;

background:#000;

width:968px;

}

#nav ul {

list-style:none;

width:100%;

float:left;

padding-left:50px;

}

#nav ul li {

display:inline;

float:left;

}

#nav ul li a{

text-decoration:none;

padding:12px 15px;

margin:1px auto;

font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#FFF;

float:left;

letter-spacing:2px;

text-transform:uppercase;

}

#nav ul li a:hover{

color:#000;

background:#FFF;

}

/*****************************/

/*SUB-MENU*/

#nav ul li ul {

display:none;

width:200px;

position:absolute;

top:531px;

padding:2px;

float:left;

margin-left:-2px;

}

#nav ul li:hover ul {

display:block;

width:200px;

}

#nav ul li ul li {

display:inline;

float:left;

}

#nav ul li ul li a{

width:200px;

padding:10px 10px;

margin:0px;

background:#000;

}

O LINK DA IMAGEM é esse http://imageshack.us/photo/my-images/607/imagemoaj.jpg/ DO MENU

AGUARDO AJUDA RS... OBRIGADO

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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,2k
×
×
  • Criar Novo...