Entrar Ainda não tem acesso?
1
resposta

Padding não aparecendo!

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação, no capítulo Posicionamento dos elementos e atividade Posicionando o cabeçalho

por Lucas da Silva Chaves
| 73.1k xp | 1 posts

Olá, quando estava fazendo o projeto que o professor esta passando percebi que o padding: 20px 0;(abaixo do background) não estava funcionando, porem quando fui testar na própria tag header com o style acabou funcionando. Alguém consegue me explicar o porque isso esta acontecendo ?

produtos.css (não funciona)

header {
    background: #BBBBBB;
    padding: 20px 0;
}

produto.html (funciona)

<header style="padding: 20px 0;">
...
...
</header>

obs: Testei com o Brave Browser meu navegador principal e com o EDGE.

1 resposta
por Carlos Eduardo Da Silva Santos
| 240k xp | 43 posts

Olá Lucas, boa noite.

*Resolução do Problema: *

De acordo com a sua pergunta, a propriedade padding no css não esta sendo aplicada.

*Solução do Problema: *

Se o arquivo html que foi mostrado só tem isso, o errado pode estar na falta da tag link que fica no head do html. Desse jeito: 

<html>
     <head>
          <link rel="stylesheet" href="produtos.css">
     </head>

     <body>

     </body>
</html>

Não é só isso, mas deu para entender, você precisa colocar o link de origem do seu arquivo css para que ele aplique os estilos.

*Despedida: *

Se a sua dúvida foi resolvida, não se esqueça de colocar a questão como resolvida, pois assim as pessoas que tiverem o mesmo problema que você, saberam que a sua pergunta foi resolvida e clicaram nela para saber como resolver.

Tenha um bom estudo!!