Entrar Ainda não tem acesso?
3
respostas

footer não aparece

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas, no capítulo Criando uma nova página e atividade Começando a página de contato

por Carlos Eduardo Dos Santos Sanches
| 81.9k xp | 7 posts

olá, quando atualizo a página no navegador o footer não está aparecendo, no que parece, meu código está igual ao da aula:

    <link rel="stylesheet" href="reset.css"> 
    <link rel="stylesheet" href="produtos.css">
</head>
<body>
    <header>
        <div class="caixa"> 
            <h1><img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
               </ul>
           </nav>
        </div>  
    </header>

    <main>
        teste 
    </main> 
    <footer> 
        <img src="logo-branco.png"> 
        <p class="copyright">&copy; Copyright Barbearia Alura - 2022
    </footer> 
</body>
3 respostas
por Jhoisnáyra Vitória Rodrigues de Almeida
| 144.6k xp | 164 posts
Scuba Team | Escola Mobile

Olá, Carlos! Tudo bem?

Pelo que me parece você está na página de contato, certo? Se tiver feito todos os passos que o instrutor fez, então deve ter alterado o nome do CSS de produtos.css para style.css, e nesse caso, deve usar style.css na sua página de contato. Tente alterar seu cabeçalho, corrigindo o link para o CSS, da seguinte maneira:

    <head>
        <meta charset="UTF-8">
        <title>Contato - Barbearia Alura</title>

        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style.css">
    </head>

Espero que isso ajude, caso contrário, vamos continuar tentando. Bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado. ✓
por Carlos Eduardo Dos Santos Sanches
| 81.9k xp | 7 posts

Boa tarde! Fiz a alteração porém agora a página está assim quando abro no navegador:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por Jhoisnáyra Vitória Rodrigues de Almeida
| 144.6k xp | 164 posts
Scuba Team | Escola Mobile

Boa tarde, Carlos!

O seu arquivo CSS está nomeado como style?

Pelo que vejo talvez seja o caso de apenas estar usando o nome incorreto. Verifique o nome do arquivo CSS que contém o estilo para o footer, e em seguida verifique também se é o mesmo que você está usando na sua página contato, escrito no cabeçalho.

Caso isso também não corrija o erro, peço que me envie os códigos da sua página de contato e da página de style pra que eu possa dar uma olhadinha, tá bom?

Caso este post tenha lhe ajudado, por favor, marcar como solucionado. ✓