STIC Discussion:STIC I - exercice 3 (Baldur)

Question concernant background-image -- Larissa Santos Vieira (discussion) 23 novembre 2021 à 11:28 (CET)

Bonjour,

J'ai fini mon exercice 3 mais j'ai n problème avec mon image de fond. En effet, en local elle s'affiche mais lorsque je téléverse mon fichier sur le serveur, l'image ne s'affiche plus du tout. J'ai essayé avec le format SVG, JPG et même PNG, tous les formats s'affichent chez moi, mais pas sur le serveur. J'ai aussi vérifié le chemin d'accès et il me semble correct.

Pourriez-vous m'aider svp?

Je vous mets ci-dessous le lien, car je n'ai pas encore mis à jour ma page travaux, ni fini le rapport ! Exercice STIC3

Merci

Re: Question concernant background-image -- Mattia A. Fritz (discussion) 23 novembre 2021 à 12:29 (CET)

Bonjour,

C'est un problème du chemin de votre image dans le fichier CSS. Vous avez :

1 body {
2     background-image: url(/assets/images/image_de_fond2.jpg);
3     margin: 0;
4     padding: 1px;
5     font-family:Verdana, Geneva, Tahoma, sans-serif;
6 }

Lorsque vous avez le / au début d'un chemin, cela signifie "par rapport à la racine du site". En local, cela marche parce que la racine correspond à votre dossier de travail. Sur le serveur, cela ne marche pas car la racine est http://tecfaetu.unige.ch, tandis que vous vous trouvez à différents sous-niveaux.

Il faut donc transformer le chemin de la ligne 2 d'un chemin absolu par rapport à la racine, à un chemin relatif par rapport au fichier CSS :

background-image: url(../images/image_de_fond2.jpg);

Bien cordialement, Mattia