Comment on fait pour mettre un fond ?

Fermé
Clélia - 19 févr. 2012 à 09:43
 Clélia - 20 févr. 2012 à 13:44
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

mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
19 févr. 2012 à 11:11
Le problème vient peut-être de l'url de l'image.
Quelle est l'url de ton image ?
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
20 févr. 2012 à 11:18
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
C'est ce que je fais =)
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
20 févr. 2012 à 11:31
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
Je débute et j'ai pas tout compris cx j'ai mis les liens en haut , stp aide moi !
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
20 févr. 2012 à 12:03
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
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
20 févr. 2012 à 12:03
On aimerait savoir ce que tu as mis à la place de url de l'image dans
background-image:url('url de l'image');
0
background-image:url("http://bildberg.eu/rG4o19YI.png"); ( sa c'est un hébergeur d'image )
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
20 févr. 2012 à 12:15
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
non , j'ai rien rajouter et même sans sa écrit la phrase et il n'y a pas de fond :(
0
sinon vous vous pouvez me faire un code avec mon image ?
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
20 févr. 2012 à 12:27
Ton css est correct, ça n'a pas l'air d'être ça le problème.
0
hum ... peut être que je les pas mis au bon endroit dans ma page
0
ou

background-image:url("http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/p480x480/398372_301084246619875_100001549051746_790623_5623482_n.jpg");
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
20 févr. 2012 à 12:24
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
dsl j'avais pas vue ;)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Sombresonge Messages postés 106 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 19 avril 2015 9
20 févr. 2012 à 13:17
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