Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Erro ao aparecer a imagem do header

A imagem do meu header não esta aparecendo, quando abro o console do navegador ele aparece um erro:

index.html:251 GET file:///home/usuario/Desktop/cursos/Bootstrap/Bootstrap/assets/css/assets/img/castelo.jpg net::ERR_FILE_NOT_FOUND

porém, estava verificando e a imagem esta nesse mesmo diretorio, ja tentei mudar ela de lugar e mudar o endereço porém também não deu certo.

estilos.css

header {
    background-image: url(assets/img/castelo.jpg);
    height: 100%;

}

index.html

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="assets/css/estilos.css">

</head>

<body>
    <header>
        <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-navbar" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">TopCasaFina Arquitetura</a>
                </div>
                <div class="collapse navbar-collapse" id="collapse-navbar">
                    <ul class="nav navbar-nav">
                        <li><a href="#sobre-nos">Sobre Nós</a></li>
                        <li><a href="#nossos-projetos">Nossos Projetos</a></li>
                        <li><a href="#depoimentos">Depoimentos</a></li>
                        <li><a href="#videos">Vídeo</a></li>
                        <li><a href="#contato">Contato</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
...
1 resposta
solução!

Olá, Alysson! Tudo bom?

Pelo erro, me parece que ele está tentando acessar uma pasta assets dentro de css, é isso mesmo?

Tente colocar, no arquivo estilos.css, da seguinte forma:

background-image: url(../img/castelo.jpg);

Isso acontece porque quando ele está pegando o diretório padrão dos assets como assets/css então você teria que começar a sua navegação a partir do seu arquivo.

Espero ter ajudado!

Abraços

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software