Problème d'image

Résolu
kirk155 -  
Bonjour, J'aurai besoin de votre aide pour mon petit problème...

Mon fichier CSS est dans un dossier (public_html)/styles/portail/portail.css

et mon image dans le dossier (public_html)/images/fond.jpg

J'aimerai savoir comment la faire apparaitre car je ne trouve pas comment faire...

5 réponses

  1. Atropa
    Pour une image de fond en css :

    background-image :url("url de l'image");

    les " sont optionnelles.

    l'url doit être donné soit à partir de la racine du serveur :

    /dossier_image/image.jpg

    ce qui revient à http://mondomaine.tld/dossier_image/image.jpg

    ou à partir du fichier css mais ca peut vite devenir compliqué en remontant les dossier avec ..

    si l'image est hébergé sur un autre nom de domaine il faut mettre l'url complète http://domainedistant.tld/dossier_image/image.jpg
    1. Aranud87 Contributeur
      Faux...

      Si le fichier qu'il invoque est

      urldomaine.fr/css/config.css

      si tu met :
      ("/images/image.jpg");

      Il va faire :
      urldomaine.fr/css/images/config.css

      Pour qu'il fasse :
      urldomaine.fr/images/config.css

      Tu es obliger de mettre "../" donc :
      ("../images/image.jpg");
    2. Atropa
      non !

      si tu fais ./images/image.jpg oui mais pas si tu commence par un /

      le / amène toujours à la racine

      même sur le cmd de windows...
    3. Aranud87 Contributeur
      non, juste le "/" ne ramène pas à la racine.
    4. Atropa
      j'ai toujours fait mes sites comme ça et ça fonctionne. En plus c'est beaucoup plus pertinent parce que l'emplacement du fichier css n'influ pas sur l'url de l'image donc on peut le changer de place sans problème.

      essais pour voir avant de dire n'importe quoi.
    5. Aranud87 Contributeur
      Mais j'ai essayé justement, et c'était le sujet de son soucis...
  2. Atropa
    si aucune des deux solution ne fonctionne c'est que le problème vient de ton code css et pas de l'adresse de l'image en admettant que l'architecture présentée est la bonne
    1. kirk155 Auteur
      Dans aucun des deux cas elle apparait...

      J'ai toujour le même problème...
      1. kirk155 Auteur
        body
        {
        background-image: src("Images/Fond.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: white;
        width: 900px;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;

        Mon code...
      2. Aranud87 Contributeur
        ben c'est que tu la mal écris ou renseigné...
      3. Atropa
        C'est url et nom src
      4. Aranud87 Contributeur
        Il faut mettre les ..

        ("../Images/Fond.jpg");

        De plus attention au majuscules, minuscules
      5. kirk155 Auteur
        Non pourtant dans le FTP j'ai bien public_html/Images/Fond.jpg
    2. Aranud87 Contributeur
      Lu,

      Soi en mettant url complète soit avec ".."

      "../images/fond.jpg "

      1. Atropa
        Inutile de préciser le nom de domaine si l'image est hébergé sur le même domaine que le site au contraire ça le rend moins flexible à un éventuel changement de domaine.
    4. Atropa
      Bonjour,

      Alors ça dépend mais en supposant que tu es sur un serveur et que public_html soit le dossier racine de ce serveur, il suffit de donner l'adresse depuis la racine du serveur c'est à dire /images/fond.jpg

      si ca ne fonctionne pas tu peux retourner dans les dossiers à partir du fichier css mais c'est moins bien. ../../images/fond.jpg

      Discussions similaires

      Retrouver l'image originale d'une photo modifiée
      Raven

      10 réponses
      Comment recadrer une image avec Inkscape
      infofeet

      13 réponses