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

Problema com o Padding -left


mariabreurj

Pergunta

Boa tarde galera!

Meu nome é Mari e estou com problema na propriedade padding-left. Não consigo atribuir o espaço do lado esquerdo de jeito nenhum.

Já revisei meu código mais de mil vezes e nada. Alguém experiente ai poderia me ajudar!!!

Segue o código:

//* Vale para todas as resoluções*//

body {margin:0;padding:0;}
header{width:100%;}
main{width:100%;}
footer{width:100%;}
ul{margin:0; padding:0; list-style:none;}
nav{float:left; width:100%;background:#000000;font-weight:bold;font-family:verdana, sans-serif;color:#FFFFFF;}
 nav li{float:left; padding:20px; }

 

</body>

//* Para Smarthphone*//
@media only screen (max-width:480px) {
 nav{height:50px;}
  nav li:{width:100%;}
}

 

//* Para Tablet*//
@media only screen (min-width:481px) {
 nav{height:80px;}
  nav li:{width:100%;}
 
}

 

//*Para Desktop*//
@media only screen (max-width:769px) {
 nav{height:100px; padding-left:25%;}
  nav li:{width:15%; text-align:center;}
}

Estou parada no meu projeto por causa disso.. :(

Desde já muito obrigada!

Editado por mariabreurj
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...