Appeler image arriere plan depuis style.css
Bonjour,
je fais actuellement un site en html et je voudrais pouvoir appeler l'image d'arriere plan présente sur chaque page
depuis la feuille style.css qui est à la racine
- dois je mettre l'image à la racine? ou une image dans chaque dossier (la home est la racine et les autres pages ds leurs dossiers respectifs)
- quelle ligne de code exacte car j'ai ça dans la feuille html, alors autant le mettre dans la feuille de style, mais je n'y arrive pas :-(
body {
background-image: url(../photos-espace-mariage/fond-mariage.jpg);
background-repeat: no-repeat;
}
je fais actuellement un site en html et je voudrais pouvoir appeler l'image d'arriere plan présente sur chaque page
depuis la feuille style.css qui est à la racine
- dois je mettre l'image à la racine? ou une image dans chaque dossier (la home est la racine et les autres pages ds leurs dossiers respectifs)
- quelle ligne de code exacte car j'ai ça dans la feuille html, alors autant le mettre dans la feuille de style, mais je n'y arrive pas :-(
body {
background-image: url(../photos-espace-mariage/fond-mariage.jpg);
background-repeat: no-repeat;
}
Configuration: Windows XP Firefox 3.0.3
11 réponses
-
j'ai déjà essayé cela et ça ne marche pas! ou alors je fais qqc qui ne va pas quelque part
pour info
- l'image est un un dossier image
- la feuille de style est à la racine du site
- les pages html où doit figurer cet arriere plan sont chacun dans leur dossier respectif -
vous creer un dossier images pour toutes les images (que ce soit pour style.css ou pour les pages webs)
appeler le style.css dans la
"<head>
<link rel="stylesheet" href="style.css">
</head>"
de chaque page ou vous voulez mettre l'image
dans style.css
body {
background-image: url(../imeges/fond-mariage.jpg);
background-repeat: no-repeat;
} -
peut etre, je crois car je ne suis pas devant mon pc, que c'est ici le probleme
body {
background-image: url(../imeges/fond-mariage.jpg); //ICI
background-repeat: no-repeat;
}
body {
background-image: url(imeges/fond-mariage.jpg); // ../ a enlever
background-repeat: no-repeat;
} -
<head>
<link rel="stylesheet" type="text/css" href="nom_de_ton_fichier.css">
</head>
dans ton fichier css :
body {
background-image: url(../images/ton_image.jpg);
background-repeat: no-repeat;
} -
oui je viens de trouver j'avais un . de trop
../photos-espace-mariage/fond-mariage.jpg
au lieu de
./photos-espace-mariage/fond-mariage.jpg
un grand merci -
alors mon erreur était dans le ../ et il me fallait mettre ./
ça marche tres bien dans dream et quand j'edite
par contre quand je met tt en ligne l'image n'apparait pas...
http://www.sokebana.net/test/article-mariage/index.html -
hi ca va
-
non meme ça apparais sur ma fenetre creation de dream mais pas quand j'édite ni quand je met en ligne, comme si c'était une image guide??!!, je pige as là...
-
tu as mis "<link href="../style.css" rel="stylesheet" type="text/css">
encore une fois, il n'y a qu'un point pour l'adresse de ton style -
bin non puisque tout le style est bien appelé
couleur de fond, styles, h, etc
tout sauf image d'arriere plan
et c'est bien ../ puisque les pages sont chacune ds un dossier et la feuille de style à la racine -
Bonsoir
qqu aurait il une idée et me venir en aide??
