"ERR_FILE_NOT_FOUND"

[Barroso6]

Estou a refazer um site de um cliente e as imagens não aparecem

O html:

    <section class="u-align-center u-clearfix u-image u-shading u-section-1" href="img/pedrafundo2.jpg" data-image-width="1280" data-image-height="853">
          <div class="u-clearfix u-sheet u-sheet-1">
            <h1 class="u-text u-text-default u-text-1"> Mesas por Medida<br>Casa & Hotelaria</h1>
            <p class="u-large-text u-text u-text-variant u-text-2"> Fabricamos mesas altas, baixas, compridas, largas, 100% Personalizadas ao seu gosto! Preparadas para um uso diário e intensivo!</p>
            <a target="_blank" href="https://www.youtube.com/channel/UCZbv8-ylGYp4PITuZ-d-kqQ/playlists" class="u-border-none u-btn u-button-style u-hover-palette-5-base u-palette-5-light-1 u-btn-1"> Veja os nossos testes de resistência</a>
          </div>
        </section>

O css

    .u-section-1 {
      background-position: 50% 50%;
      background-image: url('img/pedrafundo2.jpg');
    }

as outras mods são só visuais para o texto e essas coisas

na ferramenta de inspecionar do google na consola encontrei um aviso a dizer "ERR_FILE_NOT_FOUND"

[Ivo Vicente]

Pode ter a ver com a tua hierarquia de pastas.

Já agora, não indicas se a falha de carregar o ficheiro é os href na section ou se é no css.

 

É importante saber a que nível tens o ficheiro de css em relação à página que estás a carregar e à pasta img, para que o link seja possivel.

Por exemplo, se o teu ficheiro css estiver ao mesmo nível do ficheiro html e da pasta img 

/* 
/img
index.html
style.css
*/
.u-section-1 {
    background-position: 50% 50%;
    background-image: url('img/pedrafundo2.jpg');
}

Mas se o teu css existir numa pasta especifica, tens que "navegar" até chegar à localização das imagens que pretendes

/* 
/img
/styles
-- style.css
index.html
*/
.u-section-1 {
    background-position: 50% 50%;
    background-image: url('../img/pedrafundo2.jpg');
}

 

Se não é este o problema, partilha mais informação, imagens do erro...