Jump to content

"ERR_FILE_NOT_FOUND"


Barroso6
 Share

Recommended Posts

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"

Link to comment
Share on other sites

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...

Feito é melhor que perfeito

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.