Je n'arrive plus à mettre de background
Résolu
Neyodix
Messages postés
14
Statut
Membre
-
Neyodix Messages postés 14 Statut Membre -
Neyodix Messages postés 14 Statut Membre -
Bonjour,
J'ai un problème. En effet j'avais fait un prototype de site qui fonctionnait correctement mais voila, je me suis lancé dans un nouveau projet pour recréé un site mais quand il s'agit de mettre un background je bloque. J'ai eu beau essayer tout ce que je pouvais aucun background ne s'affiche sur le site. Je vous envoie donc mon code pour que vous trouviez l'erreur.
Merci d'avance.
PS: Je n'ai que 14 ans
J'ai un problème. En effet j'avais fait un prototype de site qui fonctionnait correctement mais voila, je me suis lancé dans un nouveau projet pour recréé un site mais quand il s'agit de mettre un background je bloque. J'ai eu beau essayer tout ce que je pouvais aucun background ne s'affiche sur le site. Je vous envoie donc mon code pour que vous trouviez l'erreur.
Merci d'avance.
PS: Je n'ai que 14 ans
body {
background: url("images/bo3.png");
margin: 0;
font-family: open sans;
background-attachment: fixed;
}
A voir également:
- Acerregistrationbackgroundtask
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- John's background switcher - Télécharger - Suite bureautique
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- Background color css ✓ - Forum CSS
- Realtek audio background process class c'est quoi ✓ - Forum Pilotes (drivers)
3 réponses
Salut,
Peux tu nous montrer le code html correspondant afin de vérifier que le lien entre ton document html et ton fichier css est correct ?
Peux tu également nous préciser la structure de tes dossiers ? (Où sont enregistré le fichier html et le fichier image ?)
Bonne journée,
Peux tu nous montrer le code html correspondant afin de vérifier que le lien entre ton document html et ton fichier css est correct ?
Peux tu également nous préciser la structure de tes dossiers ? (Où sont enregistré le fichier html et le fichier image ?)
Bonne journée,
Dans ton fichier style.css qui est dans le dossier CSS, pour faire un lien relatif vers l'image qui est dans le dossier image, il faut :
- commencer par .. pour remonter d'un dossier (à partir de CSS on revient à la racine du projet)
- puis on saisi le chemin relatif vers l'image
Essaye comme ceci :
- commencer par .. pour remonter d'un dossier (à partir de CSS on revient à la racine du projet)
- puis on saisi le chemin relatif vers l'image
Essaye comme ceci :
body {
background: url("../images/bo3.png");
margin: 0;
font-family: open sans;
background-attachment: fixed;
}
Chemin d'accés faux peut être mais avant tout le code est faux.
La propriété background correspond à la notation raccourcie de plusieurs autres propriétés.
Une bonne façon de faire(en plus d'utiliser la console de développement du navigateur qui indique les erreurs javascript et CSS) c'est de vous référer en cas d'erreur au manuel:
https://www.w3schools.com/css/css_background.asp indique ceci:
Background - Shorthand property
To shorten the code, it is also possible to specify all the background properties in one single property. This is called a shorthand property.
The shorthand property for background is background:
Example
When using the shorthand property the order of the property values is:
background-color
background-image
background-repeat
background-attachment
background-position
Donc le code exact pour indiquer une image en arrière plan c'est la propriété background-image.
En notation raccourcie cela implique que vous remplissez chaque propriété conformément à leur valeur possible(vide ou nul étant aussi une valeur parfois permise, mais ce ne sera pas le cas pour background-color, qui est la première propriété à indiquer hors vous y mettez une url quand il faut indiquer une couleur de fond...).
Sinon utilisez l'écriture non raccourcie en sachant que vous devrez problablemtn indiquer les autre propriétés qui vont souvent ensemble(backgorund-position, bg-attachment, bg -repeat...).
Bref le manuel doit être la référence à la moindre erreur, pas besoin de tout savoir par cœur car il y en a un paquet des styles possibles.
La propriété background correspond à la notation raccourcie de plusieurs autres propriétés.
Une bonne façon de faire(en plus d'utiliser la console de développement du navigateur qui indique les erreurs javascript et CSS) c'est de vous référer en cas d'erreur au manuel:
https://www.w3schools.com/css/css_background.asp indique ceci:
Background - Shorthand property
To shorten the code, it is also possible to specify all the background properties in one single property. This is called a shorthand property.
The shorthand property for background is background:
Example
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
When using the shorthand property the order of the property values is:
background-color
background-image
background-repeat
background-attachment
background-position
Donc le code exact pour indiquer une image en arrière plan c'est la propriété background-image.
En notation raccourcie cela implique que vous remplissez chaque propriété conformément à leur valeur possible(vide ou nul étant aussi une valeur parfois permise, mais ce ne sera pas le cas pour background-color, qui est la première propriété à indiquer hors vous y mettez une url quand il faut indiquer une couleur de fond...).
Sinon utilisez l'écriture non raccourcie en sachant que vous devrez problablemtn indiquer les autre propriétés qui vont souvent ensemble(backgorund-position, bg-attachment, bg -repeat...).
Bref le manuel doit être la référence à la moindre erreur, pas besoin de tout savoir par cœur car il y en a un paquet des styles possibles.
Lorsqu'on utilise la propriété raccourcie background, les valeurs fournies sont appliquées et pour les valeurs absentes, la propriété réinitialisera les propriétés détaillées avec leurs valeurs initiales.
https://developer.mozilla.org/fr/docs/Web/CSS/background
https://developer.mozilla.org/fr/docs/Web/CSS/background
PS: j'ai changer d'image entre temps et l'image n'est plus bo3.png mais fond.png