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

Link para o comentário

Compartilhar em outros sites

DiF

Link para o comentário

Compartilhar em outros sites

navegantenarede

Link para o comentário

Compartilhar em outros sites

gustavohalm

Link para o comentário

Compartilhar em outros sites

DiF

Link para o comentário

Compartilhar em outros sites

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