Imagem

Oie. Eu estou com um pequeno problema. Estou iniciando meus estudos como desenvolvedora web de forma autodidata. Baixei uma apostila da Caelum. Estou indo bem depois de apanhar um pouco para enxergar onde estava errando num dos exemplos e novamente voltei a apanhar para colocar a imagem na página. Já fiz de todos os modos e não vejo onde estou errando por que a imagem não aparece.
Se alguém puder analisar o código para mim e me apontar onde está meu erro, ficaria muito feliz de poder ter completar esse ponto do meu estudo.
PS: sou uma iniciante tentando aprender algo maravilhoso que é o desenvolvimento web, se houver alguém que pudesse me dar dicas regulares, seria uma grande contribuição.

Agradeço desde já…

Boa Tarde @GabsCH, tudo bem?

você consegue mandar o trecho específico do código que está inserindo a imagem pra eu te ajudar?

Boa tarde…
Index7.html (2,6,KB)
Bem, sou nobb rsrs e espero ter enviado de forma correta.
Obrigada por responder a minha pergunta.
PS: espero que não ligue para a aparência do código, ainda preciso ajeitar…

Fica tranquilo, nessa área todos nós temos o que aprender, mesmo as pessoas experientes não sabem tudo. Continue estudando que irá longe!

Quanto ao seu código, eu identifiquei que o caminho das imagens está com espaço:

você precisa tirar os espaços, se não o caminho da imagem é considerado inválido, tira também o “src” está escrito 2 vezes! Confirma também se dentro da pasta ‘img’ estão todas as imagens com esse mesmo nome!

2 curtidas

Oie. Me desculpe por incomodar de novo… mas refiz. Tirei todos os espaços e não deu certo… tentei olhar o exemplo da apostila e estava exatamente assim como mando. E mesmo assim, não deu certo… se puder… me dizer novamente onde erro… seria um alivio…
Index7.html (2,6,KB) .
PS: obrigado por responder e por me avisar sobre os erros…

Magina, não tem problema!

Você tirou “img/”, as imagens não estão dentro dessa pasta?

<figure>
      <img src="logo.png" alt="Logo da Mirror Fashion">
</figure>

Se estiverem, coloca seu código assim:

<figure>
      <img src="img/logo.png" alt="Logo da Mirror Fashion">
</figure>

Eu não entendo. Fiz tudo que vc me falou Jrbyte… mas não funciona. Quando peço para abrir numa aba a imagem… diz que o arquivo " talvez possa ter sido movido ou excluído", mas eu tenho o arquivo… chequei os nomes e está tudo okay.
Desculpe te dar essa dor de cabeça rsr

Gabs, como estão separadas as pastas do seu projeto? Mostre a hierarquia de pastas.

Igual a esse meu exemplo?
image

consegue mandar seus arquivos zipados @GabsCH? consigo analisar certinho e dar uma posição melhor!

Sim… Rosmano… estão dessa mesma forma…

Index7.html (2,6,KB)
Aqui está o código… desculpe a aparência, ainda estou arrumando ele…

Achei o erro, não está no de cima, mas sim no de baixo. Na linha 16, o código escrito é:

<figure> <img src="src="img / centro-distribuicao.png" alt= "Foto do centro de distribuição da Mirror Fashion" > <figcaption>Centro de distribuição da Mirror Fashion</figcaption></figure>

repetição duas vezes do src, tente utilizar:

<figure> <img src="img / centro-distribuicao.png" alt= "Foto do centro de distribuição da Mirror Fashion" > <figcaption>Centro de distribuição da Mirror Fashion</figcaption></figure>

A, já tinha visto kkkkkkkk

@jrbyte… o probleminha que não faço a menor ideia de como fazer isso… vou tentar

é bem simples, faz o seguinte: clica com o botão direito do mouse em cima da pasta do projeto e escolhe essa opção:

ele vai gerar um arquivo só com tudo, ai vc manda aqui, ao invés de mandar só o “index7.html”

Oie @jrbyte.
Desculpe a demora em responder… não consigo enviar o arquivo compactado todo por que ultrapassa o limite concedido pelo GUJ.

Imagina, não tem problema :smile:!

Envia esse arquivo compactado utilizando o wetransfer e comenta o link aqui no GUJ


Está aí o link… qualquer coisa… acho que está tudo o que pediu…

Perfeito @GabsCH, o problema está no local onde você está salvando os arquivos, a estrutura que você me enviou está assim:

image

O correto é colocar o arquivo index7.html junto com as demais pasta do projeto, dessa forma:

image

Espero ter ajudado! :slight_smile: