5
respostas

imagem em bg socorro

Já tentei tudo que foi aconselhado sobre ("bg.jpg") e não consegui. footer{ text-align: center;

    padding: 40px 0;
    background: url("bg.jpg");

} só uma amostra do código

5 respostas

Olá Thiago, tente descrever melhor sua dúvida para que eu possa tentar te ajudar.

Se possível poste o código completo também.

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; }

nav a:hover{ color: #C78C19; text-decoration: underline;

}

.produtos2{ width: 940px; margin: 0 auto; padding: 50px 0; }

.produtos2 li{ display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; border: 2px solid #000000 ;border-radius: 10px;

}

.produtos2 li:hover{

border-color:#C78C19;

}

.produtos2 li:active{

border-color: #088C19;

}

.produtos2 li:hover h2{ font-size: 34px; }

.produtos2 h2{ font-size: 30px; font-weight: bold;

}

.produtos2-descriçao{ font-size: 18px; font-weight: bold;

}

.produtos2-preço{ font-size: 22px; font-weight: bold; margin-top: 10px; }

footer{ text-align: center; padding: 40px 0; background:url(bg.jpg);

}

.copyrhite{ color: #FFFFFF; font-size: 13px; margin: 20px 0;

}

Mas qual o problema ?

Talvez a imagem bg.jpg não esta no seu projeto, no meu tbem não estava .

tente o seguinte;

footer {
    background-image: url(../imagem/bg.jpg);
}

ou baixe a imagem e adicione na sua pasta.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Não sei se esse é o problemas mas tente colocar a imagem na pasta do seu projeto, se ainda não funcionar, tente além de colocar a imagem na pasta do projeto, usar o codigo: background: url("./bg.jpg"); só colocar ela na pasta do projeto deve resolver no entanto