Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Erro CSS

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação

por Jessica da Silva Gomes Moreira
| 102.3k xp | 8 posts

Ao carregar a pagina ás imagens não carregam e os tópicos não ficam desconfigurados.

Podem me auxiliar?

Html 

<!DOCTYPE html>
<html>
    <head>
        <body>

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

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

        </body>

        <header>

            <h1> <img src = "logo.png"> </img></h1>
   <nav> 
    <ul>

    <li><a href="Index 2.html"> Home </a></li>
    <li><a href="Produtos.html">Produtos</a></li>
    <li><a href="contato.html">Contatos</a> </li>
            </ul>
        </nav>
        </header>
    </head>
</html>

CSS 

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

.caixa {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

nav {
    position: absolute;
    top: 110px;
    right: 0;
}

nav li {
    display: inline;
    margin: 0 0 0 15px;
}

nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

Podem me auxiliar?

Erro

1 resposta
solução!
por Renan Lima
| 3599.8k xp | 7590 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, tudo bem?

Tem aguns detalhes no seu código que precisam ser corrigidos, a tag <head> é responsável por passar informações para o navegador, no caso tudo que está dentro dela não vai aparecer visualmente na tela, dentro dela fica as tags: meta charset>, Link de Css o <title>, por isso a tag <head> tem que abrir e fechar fora da tag <body>, e no seu caso ela está envolvendo o código todo. Outro detalhe é que a tag <nav> ta dentro do <header> e isso está correto, agora o <header> tem que estar dentro do <body> no caso é a primeira coisa que aparece na tela, então tem que ser a primeira coisa no <body>:

CORRIGIDO:

<!DOCTYPE html>
<html>
    <head>
            <meta charset="UTF-8">
            <title>Produtos -Barbearia Alura </title>
            <link rel="stylesheet" href="reset.css">
            <link rel="stylesheet" href="produtos.css">
    </head>
       <body>
               <header>
                <h1> <img src = "logo.png"> </img></h1>
                  <nav> 
                    <ul>
                        <li><a href="Index 2.html"> Home </a></li>
                        <li><a href="Produtos.html">Produtos</a></li>
                        <li><a href="contato.html">Contatos</a> </li>
                    </ul>
                </nav>
        </header>
        </body>
</html>

No caso da imagem, verifica se ela está dentro da pasta do projeto junto com os arquivos index.html e os de css.

O seu código CSS está certinho!

Espero ter ajudado.

Qualquer dúvida manda aqui! Valeu :)