Entrar Ainda não tem acesso?
4
respostas

[Dúvida] Estou com bastante dificuldade em inserir imagens

Referente ao curso HTML e CSS: praticando HTML/CSS, no capítulo Iniciando o projeto e atividade O que aprendemos?

por Estudante
| 54.5k xp | 11 posts

Fiz todos os passos mas não estou achando o motivo do erro de não aparecer a imagem background.png. No CSS incluí o seguinte:

.principal { background-image: url("/img/background.png"); }

No HTML está assim:

<section class="principal">
        <h1>Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único</h1>
        <img src="./img/combo.svg" alt="O Combo+">
    </section>

Caminho onde está salvo a imagem

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

O index.html está na pasta anterior alura-plus e aparece a seguinte mensagem no inspecionar:

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

4 respostas
por Matheus Gonzales de Oliveira
| 292.2k xp | 151 posts

Mas vc esta carregandl o arquivo combo.svg ao invés do background.png.

Alem direto, use direto assim:

<img src="img/combo.svg" alt="O Combo+">

sem o ponto antes do img.

por Adriana Maria Da Costa Santos
| 92.1k xp | 3 posts

Confira se a extensão é png mesmo, ta parecendo jpg

por Estudante
| 54.5k xp | 11 posts

Olá a todos!

Consegui colocar para funcionar com a seguinte sintaxe:

.principal {
    background-image: url("../img/background.png");
    background-repeat: no-repeat;
por Matheus Gonzales de Oliveira
| 292.2k xp | 151 posts

Muito bom! Parabéns, programação é isso, às vezes passamos horas em cima de um problema tentando resolver, daí vamos dormir e no outro dia acordamos e resolvemos em minutos! Bons estudos!