3
respostas

Não apresenta imagem

Não apresenta imagem caminho da pasta C:\Users\Asus\OneDrive\Ambiente de Trabalho\aluraconf\img

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Aluraconf</title>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/header.css">
</head>
<body>
    <header class="header">
        <nav>
            <ul>
                <li><a href="#">Sobe</a></li>
                <li><a href="#"></a>Palestrantes</li>
            </ul>
        </nav>
    </header>
</body>
</html>

header.css

.header { background: url(../css/header.css) no-repeat; }

3 respostas

Olá, tudo bem...

se a imagem está aqui

C:\Users\Asus\OneDrive\Ambiente de Trabalho\aluraconf\img

é esse o caminho que deve ser colocar no css

background: url("C:\Users\Asus\OneDrive\Ambiente de Trabalho\aluraconf\img\imagem.jpg")

Só tome cuidado com caminhos muito longos, pode ser mais complicado de manter.

Erro persiste pasta C:\Users\Asus\OneDrive\Ambiente de Trabalho\aluraconf\img

Failed to load resource: net::ERR_FILE_NOT_FOUND

Olá,

talvez não tenha sido claro no exemplo anterior. Dentro dos parenteses vc deve inserir o endereço da imagem que quer utilizar. Exemplo:

background: url("minha-imagem.jpg");

Evite colocar essa imagem em um caminho muito longo. Para começar, coloque-a junto com seu arquivo css. Assim não precisará colocar esse longo caminho até ela. Somente seu nome já resolverá, como no exemplo acima.