Image en background non affichée

**IamKanagawa** · 09/01/2019, 12h09

Bonjoir,

Alors voila mon problème je n'arrive a mettre aucun background (image) car les background color marche du coup je pense que ça va vient bien de l'image et plus particulièrement du chemin je pense en tout cas c'est ce que j'ai vu sur le net "Failed to load resource: net::ERR_FILE_NOT_FOUND" voila l'erreur afficher sur chrome

**Sodium** · 09/01/2019, 13h27

Donne plus de détails : ton code, sur quoi tu es hébergé, si tu utilises un framwork ou CMS, etc...

**IamKanagawa** · 09/01/2019, 13h52

Alors j'utilise MAMP , visual code, et chrome

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Identification</title>
    <link rel="stylesheet" href="style/style.css">
</head>
<body>
</body>
</html>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
body{
    padding:0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: url("bg.jpg")
}

**CosmoKnacki** · 09/01/2019, 14h02

Tu dois utiliser un chemin relatif vers ton fichier bg.jpg (c'est à dire le chemin qui part du dossier de ton fichier css), sinon le fichier bg.jpg sera cherché dans le dossier style (où il n'est visiblement pas).

Par exemple avec cette arborescence:

Code txt :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
+---- style ---- style.css
|
+---- image ---- bg.jpg

Le chemin relatif sera: ../image/bg.jpg

**IamKanagawa** · 09/01/2019, 14h32

merci

Image en background non affichée

Conception Web

Vue hybride

Discussions similaires

Partager

Partager