Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Porque os nome Home, Produtos e Contato ficam dessa forma? Sendo que em Produtos vejo normalmente. Muito obrigado!

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

5 respostas

Sendo que na página de Produtos mostra normalmente.

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

Bom dia, Geórgenes. Como vai?

Pode enviar o seu código para conferirmos por gentileza? Preciso do código da páginas de CSS e HTML do projeto.

Outra opção é você baixar o link do projeto original aqui e comparar com o projeto que você fez.

Caso não consiga resolver o problema, aguardo seu retorno!

Espero ter ajudado!

Boa noite, Luan! Estou bem e você? Desde já sou bem grato!!! Vamos lá!!! Eu fiz a comparação dos Códigos, mas não consegui identificar o bug. O link acima que postou aqui, não tem o arquivo contato.html na pasta e é justamente aí onde está o erro. Contudo eu havia buscado no Código original, porém acho que houveram mudanças que não foram repassados nas aulas e nem nos conteúdos. Tendo em vista que estavam dando Bugs. Inclusive um deles eu resolvi pelo Fórum, mas funcionou bem. Aqui está o código que havia extraído do Fórum, pois no meu como estava igual ao que o Professor havia ensinado.

O meu código atualmente está assim:

    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="style-home.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">© Copyright Barbearia Alura - 2019</p>
    </footer>
</body>
solução!

Olá, Geórgenes. Agradeço o retorno!

Aparentemente está faltando redirecionar o reset.css para esta página contato.html, e também está com duas páginas de estilização css, pode estar dando conflito nelas. De acordo com o projeto, ficaria dessa maneira os arquivos de css utilizados no contato.html :

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

Caso o problema persista, pode me enviar o código das páginas de css do seu projeto por favor?

Segue aqui o link com o projeto completo para você conferir o código.

Espero ter ajudado! Fico aguardando seu retorno!

Olá, Luan. Eu que quem sou muito grato pelo retorno e atenção! Realmente foram os dois Styles.css que estavam conflitando mesmo. Já retirei e agora funcionou bem. Muito obrigado!!!