7
respostas

Nao aparece a imagem via css

Dentro da tag , existente: header{ background-image: url(img/castelo.jpg); height: 100%; }

Tenho o arquivo estilo.css

Minha pasta: C:\2016\Alura\PastaEmpresa\img

7 respostas

posta seu codigo aqui para termos mais informação! Talvez ela esta em outro caminho como por exemplo

<img src="images/foto.jpg" />

Ou sua imagem não esta dentro da pasta do projeto

Ola Allison! Esta dentro do caminho fisico que passei na duvida anterior. C:\2016\Alura\pastaEmpresa\img\castelo.jpg

<!DOCTYPE html>

Zii Tech - Sobre Nós

Desde 2015

A inovação é a mentalidade da Zii Tech...

Inovamos

Nossa mentalidade criativa e ativa, permite criar os mais diversos produtos beneficiando qualquer ser humano ...

Pensamos

Pensamos uma nova maneira de fazer produtos...

Fazemos

Fazemos produtos e prestamos serviços ...

Mais de 300 premios e conforto com tecnologia

Mais de 5 milhoes de clientes satisfeitos em todo o mundo

Nossos Produtos

Foto Castelo

Casa Castelo

Nossa visão vai além ...

Foto Castelo

Mercado Marapira

Nossa visão vai além ...

Foto Castelo

Palacio

Nossa visão vai além ...

Foto Castelo

Residencia

Nossa visão vai além ...

Depoimentos de Clientes

Video Institucional

Contato

Entre em contato conosco

Nome:

E-mail
@

Pessoa Física

Pessoa Jurídica
<!--

--> Tipo de Situação Casa Apartamento Fazenda

TopCasa Fina - Soluções em Arquitetura Rua Vergueiro, 2980, Vila Mariana São Paulo, SP Tel (11) 4590-4432 ou 8122-5433

Email: contato.topcasafina@alura.com.br

-------------------------Esilo.css

paineis-sobre{

margin-top:20px; }

.titulo-depoimentos{ background-color: #0275D8; padding-top: 20px; padding-bottom: 20px; color: #FFF; margin-bottom: 0; font-size: 24px;}

.contato-select, .grupo-radio{ width:50%; display: inline-block; vertical-align: top; }

.grupo-radio .radio:first-child{ margin-top: 0; }

footer{ background-color: #333; color: #FFF; padding: 20px; margin-top: 10px; }

footer address:last-child{ margin-bottom: 0; }

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

se seu arquivo Css estiver em uma pasta separada, vc tera que fazer da seguinte forma header{ background-image: url(../img/castelo.jpg); height: 100%; }

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

trecho de codigo. Nao aparece a imagem. A imagem esta no mesmo diretorio sim.

Nao consigo entender porque ele tenta pegar da tag css e nao img.

file:///C:/2016/Alura/ZiiTech/css/img/castelo.jpg net::ERR_FILE_NOT_FOUND

Codigo CSS: header{ background-image: url(img/castelo.jpg); background-color: #333; background-size: cover; background-position: top center; height: 100%; } Sendo o caminho correto:C:\2016\Alura\ZiiTech\img\castelo.jpg

se a imagem e o css estiverem na mesma pasta vc so precisa colocar header{ background-image: url(castelo.jpg); height: 100%; }

veja também se a extençao do arquivo esta correto, se a imagem realmente é JPG

Caso nao funcione, apague a imagem e o trecho de codigo e refaça o trecho de novo, e baixe uma nova imagem

Cara, estive com o mesmo problema em um site que estava testando. Verifique se o caminho está correto e se a extenção esta correta. Tente importar a imagem no html com img src="url" para ter certeza de que não é problema com ela. Caso não funcione, verifique a dimensão da tag que você esta usando o background-image e o posicionamento dele.