BopbeeHelp Center
Guides pratiques

Corriger les images et CSS manquants

Dépannage des chemins de ressources cassés sur les sites statiques téléversés.

Ce que vous voyez

Votre site se charge mais des images, styles ou polices manquent.

browser DevTools → Network
index.html200
css/style.css404
images/logo.png404
Recherchez des erreurs 404 dans l'onglet Réseau du navigateur.

Pourquoi

Le chemin dans votre HTML ne correspond pas à l'emplacement du fichier dans le ZIP, ou le fichier n'a pas été inclus dans l'archive.

Que faire

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

Faites correspondre les chemins HTML à la structure des dossiers dans votre ZIP.

Ouvrir les outils de développement

Ouvrez les outils de développement du navigateur et allez à l'onglet Réseau.

Repérer les 404

Rechargez la page et recherchez les entrées 404 en rouge.

Corriger les chemins

Mettez à jour les chemins dans votre HTML pour qu'ils correspondent à la structure des dossiers dans le ZIP.

Retéléverser

Téléversez le ZIP corrigé.

Exemple : si votre CSS est dans css/style.css, liez-le comme ./css/style.css ou css/style.css, pas /absolute/path/on/your-computer/style.css.

Voir aussi

Sur cette page