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;
}
A voir également:
- Appeler image arriere plan depuis style.css
- Arrière plan - Guide
- Youtube en arrière plan - Guide
- Arriere plan pc - Guide
- Appeler en privé - Guide
- Supprimer arrière plan image - Guide
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
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;
}
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;
}
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;
}
<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
../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
ç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
encore une fois, il n'y a qu'un point pour l'adresse de ton style