Imagem

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:

image.png743×133 10.6 KB

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!

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?

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:

image.png780×525 20.1 KB

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 !

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

Obrigada pela ajuda…@jrbyte…

Obrigada novamente… ficou resolvido o problema

Eu to com um problema parecido, mas numa parte mais avançada desse curso.
Na criação do banner, a imagem não fica centralizada, só que se eu mexer na tag figure, acabo desconfigurando outra parte do site e se eu adiciono algum alinhamento a classe .banner-destaque, a imagem não modifica e se modifica, desconfigura o site. Essas são as propriedades que eu mexo:

.busca,

.menu-departamentos{

float: left;

background-color: #DCDCDC;

font-weight: bold;

text-transform: uppercase;

margin-right: 10px;

width: 250px;

}

.menu-departamentos{

clear: left;

text-transform: uppercase;

margin-top: 10px;

padding-bottom: 10px;

}

.busca input[type=search]{

width: 170px;

}

.item-menu{

text-decoration: none;

}

.banner-destaque{

margin-top: 10px;

}