[Bug] Background não funciona | HTML5 e CSS3 parte 2: posicionamento, listas e navegação

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

por Agnis Nogueira Da Silva

| 77.9k xp | 18 posts

Ja chequei o nome do arquivo e se esta na mesma pasta, tudo certo. Já vi algumas dúvidas igual a minha mas nada resolveu o problema até agora. Alguém poderia me ajudar pfvr

meu codigo produtos.html esta assim:

<!DOCTYPE html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Produtos - Barbearia Alura</title>
        <link rel="stylesheets" href="produtos.css">
    </head>
    <body>
        <header>
            <h1><img src="logo.png"></h1>

            <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>
        </header>
    </body>
</html>

e o codigo produtos.css esta assim:

header{
    background: #BBBBBB;
}

2 respostas

por Agnis Nogueira Da Silva

| 77.9k xp | 18 posts

20/12/2022

Na verdade, nada que eu altere no codigo esta modificando. Já usei o inline e o uppercase também e nao muda. Fica sempre assim: print da pagina do cabeçalho com o logo e o os tres links, um abaixo do outro em minusculo

o codigo:

<!DOCTYPE html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Produtos - Barbearia Alura</title>
        <link rel="stylesheets" href="produtos.css">
    </head>
    <body>
        <header>
            <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>
        </header>
    </body>
</html>

o outro:

header{
    background: #BBBBBB;
}

nav li{
    display: inline;
}

nav a{
    text-transform: uppercase;
}

solução!

por Luis Dias

| 2343k xp | 1713 posts

Developer (⌐■_■)

20/12/2022

Oi, Agnis, Corrija o "link". Tem uma "s" a mais em "stylesheet"

<link rel="stylesheet" href="produtos.css">