HTML Background HTML não aparece

Gabriel Hijazi · 20 de janeiro de 2019

Olá, estou aprendendo HTML e CSS criando um site portifólio apenas para fins didáticos e aprendizado!

estou seguindo tutoriais no youtube porém estou com um problema, configurei uma background e ela não esta aparecendo quando atualizo a index!

<!DOCTYPE html>
<html>
<head>
    <title>RC Mecanica</title>
    <link rel= "style" type="text/css" href="css/style.css">
</head>
<body>
    <div class=background">
        <div class="nav">
            <a = href="#">HOME</a>
            <a = href="#">CONTATO</a>
            <a = href="#">MAPAS</a>
        </div>

    </div>
        </body>
</html>

este é meu código HTML

*{
    margin:0;
    padding:0;
}
html,body{ 
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: normal;
}
.background{
    width: 100%;
    height: 100%;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow-y: auto;
}
.nav{
 width: 350px;
 height: auto;
 background-color: gray;

}

e este meu código CSS

DiF · 21 de janeiro de 2019

@Gabriel Hijazi Olá,

Se não for erro de caminho da imagem, pode ser que a parte que você indicou o "rel" esteja escrito errado.

Experimente desta forma:

<link rel= "stylesheet" type="text/css" href="css/style.css">

navegantenarede · 21 de janeiro de 2019

@Gabriel Hijazi está faltando uma aspa na definição da classe background.

Dica: use um editor de texto com verificação de sintaxe e o console do desenvolvedor.

gustavohalm · 28 de janeiro de 2019

Nessa parte

.background{
    width: 100%;
    height: 100%;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow-y: auto;
}

Está faltando ' ' no background-image

.background{
    background-image: url('../images/bg.jpg');

}

DiF · 28 de janeiro de 2019

@gustavohalm A aspas no background no css é opcional.

O provável problema estava na linha:

<div class=background">

esse sim é obrigatório as aspas, e além disso, o jeito que ele declarou o stylesheet, estava errado.

Entrar

HTML Background HTML não aparece

Posts recomendados

Gabriel Hijazi

DiF

navegantenarede

gustavohalm

DiF

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos