mariabreurj Postado Novembro 5, 2017 Denunciar Share Postado Novembro 5, 2017 (editado) 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 Novembro 5, 2017 por mariabreurj Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
mariabreurj
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 mariabreurjLink para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
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.