Appeler image arriere plan depuis style.css

Fermé
sokebana - 31 oct. 2008 à 14:00
 sokebana - 31 oct. 2008 à 23:22
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;
}
A voir également:

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
3
iryjob Messages postés 407 Date d'inscription lundi 20 octobre 2008 Statut Membre Dernière intervention 29 août 2018 80
31 oct. 2008 à 14:25
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;
}
2
iryjob Messages postés 407 Date d'inscription lundi 20 octobre 2008 Statut Membre Dernière intervention 29 août 2018 80
31 oct. 2008 à 14:35
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;
}
1
j.tel Messages postés 133 Date d'inscription mercredi 14 mai 2008 Statut Membre Dernière intervention 13 mai 2013 1
31 oct. 2008 à 14:37
<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;
}
1

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
1
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
1
sirbo10 Messages postés 1 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 31 octobre 2008 1
31 oct. 2008 à 15:17
hi ca va
1
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à...
1
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
1
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
1
Bonsoir
qqu aurait il une idée et me venir en aide??
1