Images et FTP

Résolu
Bonjour, je viens de créer mon site internet (hébergé par OVH) et j'ai mis mon index.html par ftp. Il se trouve que j'avais inclus dans ce même fichier des images en CSS, comme par exemple le fond d'écran:
body
{
background-image: url("/Users/nathalieromieu/Desktop/wallpaper.jpeg") ;
color: black;
}

Sur le fichier.html de mon ordinateur, ça marche très bien. Mais en ligne, les images ne s'affichent pas!
Je souhaiterais donc savoir comment inclure mes images dans le client ftp (filezilla en l'occurrence).

Merci beaucoup!

1 réponse

Résumé de la discussion

Le problème central concerne l'utilisation de background-image en CSS avec un chemin absolu local, qui pointe vers un dossier sur le bureau et non vers le serveur, rendant les images invisibles en ligne. La solution consiste à uploader les images sur le serveur et à utiliser des chemins relatifs depuis la page, par exemple ./images/wallpaper.jpeg, afin que le navigateur puisse trouver les fichiers après publication. D'autres éléments du fil rappellent aussi de vérifier que les fichiers existent bien sur le serveur et que le chemin pointé correspond bien au répertoire où se trouvent les ressources. D'autre part, des erreurs comme des balises non fermées peuvent empêcher l'affichage des images et doivent être corrigées simultanément pour que les liens fonctionnent correctement.

Bobot (l’IA à votre service)
  1. Contributeur sécurité
    Bonsoir,

    C'est normal !

    Le lien menant à l'image que vous avez mis est un lien absolu (direct) local.
    Il pointe vers votre bureau.
    C:/Users/{ACCOUNT}/Desktop/wallpaper.jpeg

    Or, votre image ne se trouve plus à cette emplacement sur votre site internet.
    Il vous faut partir du point ou se situe votre page sur le FTP, ici index.html et continuer le lien.

    Par exemple, si l'image se trouve dans le dossier images qui se trouve au même endroit que la page index.html le lien donnera:
    ./images/wallpaper.jpeg

    Cordialement.
    2
    1. Merci beaucoup pour cette réponse si rapide :)
      En gros, je dois mettre mon image dans le client ftp et la renommer par l'adresse URL?
      0
    2. Contributeur sécurité
      Il vous faut upload votre image sur le FTP, par la suite, vous devez prendre le lien menant à cette image (la structure des dossiers du FTP, comme si c'était en local), et vous devez l'insérer à la place du lien que vous avez mis.

      Cordialement.
      0
    3. Je ne comprend pas bien (désolé, mais je débute :) )
      Je viens d'uploader l'image, maintenant que fait-i faire exactement?
      0
    4. que *faut-il faire, excusez cette faute de frappe :D
      0
    5. Contributeur sécurité
      Où est situé l'image sur le FTP par rapport à votre fichier index.html ?
      0