Je n'arrive plus à mettre de background
Résolu
Neyodix
Messages postés
14
Date d'inscription
Statut
Membre
Dernière intervention
-
Neyodix Messages postés 14 Date d'inscription Statut Membre Dernière intervention -
Neyodix Messages postés 14 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Acerregistrationbackgroundtask
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- John's background switcher - Télécharger - Suite bureautique
- Realtek audio background process class ✓ - Forum Pilotes (drivers)
- Background color css ✓ - Forum CSS
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