Appeler image arriere plan depuis style.css
sokebana
-
sokebana -
sokebana -
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;
} -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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 -
-
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 -
