BopbeeHelp Center
Handleidingen

Ontbrekende afbeeldingen en CSS oplossen

Los kapotte assetpaden op bij geüploade statische websites.

Wat je ziet

Je site laadt maar afbeeldingen, stijlen of lettertypen ontbreken.

browser DevTools → Network
index.html200
css/style.css404
images/logo.png404
Zoek naar 404-fouten in het Network-tabblad van browserdevtools.

Waarom

Het pad in je HTML komt niet overeen met de bestandslocatie in de ZIP, of het bestand zat niet in het archief.

Wat te doen

Correct ZIP structure

my-site.zip

├── index.html

├── css/style.css

└── images/logo.png

Extra folder layer (broken)

my-site.zip

└── my-site/

├── index.html

└── css/style.css

Laat HTML-paden overeenkomen met de mapstructuur in je ZIP.

Open DevTools

Open browserontwikkelaarstools en ga naar het tabblad Network.

Vind 404's

Herlaad de pagina en zoek naar rode 404-items.

Paden corrigeren

Werk paden in je HTML bij zodat ze overeenkomen met de mapstructuur in de ZIP.

Opnieuw uploaden

Upload de gecorrigeerde ZIP.

Voorbeeld: als je CSS in css/style.css staat, link als ./css/style.css of css/style.css, niet /absolute/path/on/your-computer/style.css.

Gerelateerd

Op deze pagina