[RÉGLÉ] charger une image dans css

[afournery]

Bonjour,

depuis mon templates/projet
- dans mon css/template.css

J'aimerai charger une photo qui se trouve depuis mon templates/projet dans images/home du nom home1.jpg
et je fais :

body {
	background-image: url (../images/home/home1.jpg);
	background-color: #f3f3f3;
}

Mais ça ne marche pas....

[RobertG]

Re : charger une image dans css

Si je ne me trompe, ton chemin est celui du dossier "images" du template, pas du site.
Essaie

body {
background-image: url (../../../images/home/home1.jpg);
background-color: #f3f3f3;
}

[lomart]

Re : charger une image dans css

Si ton arborescence est :

templates
--- projet
     --- css
     --- images
          --- home
               home1.jpg

ton code doit fonctionner
Que dit Firebug sur le chemin recherché ?

[afournery]

Re : charger une image dans css

ton code doit fonctionner
Que dit Firebug sur le chemin recherché ?

Comment je test ça ?

	background-image:url(/projet/templates/projet/images/home/home1.jpg);

çà arche mais c'est l'horreur.
Demain je change de site et tout se casse la figure.

[lomart]

Re : charger une image dans css

Comment je test ça ?

Avec Firebug ou n'importe quel inspecteur de code, tu regardes quel chemin est utilisé pour chercher l'image
Tuto Firebug sur le site du zéro
Cela peut aussi être lu dans le code généré pour la page

[afournery]

Re : charger une image dans css

Mais cela ne m'indique pas comment corriger mon erreur

[RobertG]

Re : charger une image dans css

J'avais donc mal compris la localisation de l'image souhaitée en fond, et comme lomart, je pense que si elle est dans le dossier images du template, le code que tu as initialement cité devrait être celui qui affiche l'image.
Par contre, il me semble qu'il faut les quotes autour du chemin (lomart, tu confirmes ?)
Exemple ici tirée d'un template quelconque :

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

[afournery]

Re : charger une image dans css

Merci beaucoup !!!

[lomart]

Re : charger une image dans css

Par contre, il me semble qu'il faut les quotes autour du chemin (lomart, tu confirmes ?)

Préférable, mais pas obligatoire si les noms des dossiers et fichiers ne comportent pas d'espace. Mais dans le doute, j'en mets toujours.

@afournery
Ton problème est résolu ?
Sinon indique nous le chemin recherché dans le code.