Je n'arrive plus à mettre de background

Résolu/Fermé

Neyodix Messages postés 14 Date d'inscription lundi 31 juillet 2017 Statut Membre Dernière intervention 28 avril 2018 - 29 août 2017 à 13:40
Neyodix Messages postés 14 Date d'inscription lundi 31 juillet 2017 Statut Membre Dernière intervention 28 avril 2018 - 1 sept. 2017 à 23:26

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

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
Background remover - Télécharger - Montage photo
Background color css ✓ - Forum CSS
Windows 7 starter background changer - Télécharger - Thèmes & Fonds d'écran
John's background switcher - Télécharger - Suite bureautique

3 réponses

Réponse 1 / 3

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
29 août 2017 à 14:18

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,

Neyodix Messages postés 14 Date d'inscription lundi 31 juillet 2017 Statut Membre Dernière intervention 28 avril 2018
29 août 2017 à 18:00

bien sur

<!DOCTYPE html>
<html>
	<head lang="fr">
		<meta charset="utf-8">
		<title>RUSH PACK | Texture pack Minecraft</title>
		<link rel="stylesheet" type="text/css" href="CSS/style.css" />
	</head>
	<body>
		<div id="logo" align="center">
			<img src="images/logo.png" width="250" height="50" />
		</div>
		<div id="menu"></div>
		<div id="menu2"></div>
	</body>
</html>

PS: j'ai changer d'image entre temps et l'image n'est plus bo3.png mais fond.png

Réponse 2 / 3

Neyodix Messages postés 14 Date d'inscription lundi 31 juillet 2017 Statut Membre Dernière intervention 28 avril 2018
29 août 2017 à 18:07

et voici mon dossier : https://img-19.ccm2.net/rZhi4fArRKIluOv8oP5Mj8VetAQ=/22617f65beb64fe5a0ddcb55f4d8c557/ccm-ugc/Sans_titre.png

Réponse 3 / 3

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
30 août 2017 à 09:15

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 :

body {
	background: url("../images/bo3.png");
	margin: 0;
	font-family: open sans;
	background-attachment: fixed;
}

helpinghand
31 août 2017 à 10:48

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
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.

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
Modifié le 31 août 2017 à 16:41

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

Neyodix Messages postés 14 Date d'inscription lundi 31 juillet 2017 Statut Membre Dernière intervention 28 avril 2018
1 sept. 2017 à 23:26

Merci beaucoup grace a toi jai réussi :)

Discussions similaires

Task host windows, c'est quoi ?

probleme realtek hd audio driver

"gvrBackgroundWindow3" empêche W10 de redémarrer

Mon ordinateur est lent au démarrage

BackGroundTransferHost.exe s'active tout seul, pourquoi ?