Comment on fait pour mettre un fond ?

Clélia -  
 Clélia -
Bonjour/Bonsoir ,

Je fais un blog sur Notepad++ je suis les instructions du site du zéro mais quand je veux mettre un code pour mettre un fond sa reste blanc pourtant je mets : body {

background-image:url('url de l'image');
background-repeat:no-repeat;
background-attachment:fixed;
/* et autres attributs de style que tu désires mettre */
}

C'est quoi l'erreur ? Que ce que je dois faire ? Y a t-il un format d'image spécial ?
Merci d'avance :)

5 réponses

  1. mimigenie Messages postés 1180 Date d'inscription   Statut Membre Dernière intervention   314
     
    Le problème vient peut-être de l'url de l'image.
    Quelle est l'url de ton image ?
    0
  2. AssassinTourist Messages postés 409 Date d'inscription   Statut Contributeur Dernière intervention   1 313
     
    Bonjour,

    Ca vient de cette ligne (il ne faut pas copier bêtement tout ce que dit le Site de Zero, il faut adapter à son site !) :
    background-image:url('url de l'image'); 

    Le "url de l'image" est à remplacer par l'url de l'image justement =)
    0
    1. Clélia
       
      C'est ce que je fais =)
      0
    2. AssassinTourist Messages postés 409 Date d'inscription   Statut Contributeur Dernière intervention   1 313
       
      Ok, pardon ! =)
      Alors, c'est que ton lien vers ton image est fausse. Tu mets un lien en relatif par rapport à ton fichier css ?
      0
    3. Clélia
       
      Je débute et j'ai pas tout compris cx j'ai mis les liens en haut , stp aide moi !
      0
    4. AssassinTourist Messages postés 409 Date d'inscription   Statut Contributeur Dernière intervention   1 313
       
      Euh, je ne vois pas tes liens dont tu parles...
      Peux-tu
      - nous mettre ta vraie ligne background-image:url('url de l'image');
      - nous marquer la structure de tes dossiers en nous disant où sont ton image et ton fichier css.
      0
    5. mimigenie Messages postés 1180 Date d'inscription   Statut Membre Dernière intervention   314
       
      On aimerait savoir ce que tu as mis à la place de url de l'image dans
      background-image:url('url de l'image');
      0
  3. Clélia
     
    background-image:url("http://bildberg.eu/rG4o19YI.png"); ( sa c'est un hébergeur d'image )
    0
    1. AssassinTourist Messages postés 409 Date d'inscription   Statut Contributeur Dernière intervention   1 313
       
      Mmh... Et si tu enlèves tes autres lignes de ton background (background-repeat et background), ça ne marche toujours pas ?
      Est-ce que dans code, tu as mis d'autres propriétés sur le background ? Genre background-color: white ?
      0
    2. Clélia
       
      non , j'ai rien rajouter et même sans sa écrit la phrase et il n'y a pas de fond :(
      0
    3. Clélia
       
      sinon vous vous pouvez me faire un code avec mon image ?
      0
    4. AssassinTourist Messages postés 409 Date d'inscription   Statut Contributeur Dernière intervention   1 313
       
      Ton css est correct, ça n'a pas l'air d'être ça le problème.
      0
    5. Clélia
       
      hum ... peut être que je les pas mis au bon endroit dans ma page
      0
  4. Clélia
     
    ou

    background-image:url("http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/p480x480/398372_301084246619875_100001549051746_790623_5623482_n.jpg");
    0
    1. AssassinTourist Messages postés 409 Date d'inscription   Statut Contributeur Dernière intervention   1 313
       
      Tes deux liens fonctionnent, il n'y a rien à dire...
      Sauf peut-être... Tu as un fichier .css ? As-tu pensé à appeler ton css dans ton html ?
      0
    2. Clélia
       
      dsl j'avais pas vue ;)
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Sombresonge Messages postés 108 Statut Membre 9
     
    Si l'image en question est stockée sur ton serveur, il ne faut pas indiquer l'url de l'image, mais le chemin pour y accéder.

    Si ta page et ton image sont toutes les deux dans le dossier racine, tu dois mettre background-image:url('nom_de_l_image');

    Si tu stockes l'image dans un dossier images : background-image:url('images/nom_de_l_image');

    Maintenant si tu gères via un fichier CSS, il faut penser à deux choses :
    - Bien appeler le fichier CSS dans la page HTML
    <link rel="stylesheet" href="css/mon_css.css" />
    - Indiquer le chemin de l'image à partir du fichier CSS et non de la page. C'est important si ton fichier CSS et ta page ne se trouve pas au même niveau.
    0