Forum d'entraide PHPFrance

Bonjour,

Je souhaite réaliser une page html avec une feuille de style; Je voudrais afficher une image de fond;

Voici le code de ma page html (index.html)

<?xml version="1.0" encoding="UTF-8"?>
<ht<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>SP'Hinx</title>
<link href="style.css" rel="stylesheet" type="text" media="screen"/>

</head>

<body>
</body>
</html>

Ma feuille de style (style.css)

body{
background-image:url(theme/fond.jpg) no-repeat top center;
margin:0;
padding:0;
}

Je précise que ma page index.html et ma feuille de style sont dans le même répertoire. Dans ce répertoire, j'ai créé un dossier theme, dans lequel il y a un seul fichier: fond.jpg.

Lorsque je souhaite afficher ma page, le fond est blanc et je ne vois pas mon image. Je n'arrive pas à trouver l'erreur.

Merci d'avance pour votre aide

salut,
la propriété background-image ne peut contenir que l'url de l'image (via url() )
là tu utilises une syntaxe pour la propriété background...
donc soit tu enlèves le "image", soit tu procède dans ce genre là:

Code : Tout sélectionner

	background-image: url('./info.png');
	background-repeat:no-repeat;
	background-position: left center;

Je viens de modifier selon tes conseils mon fichier css avec notepad++, mais j'ai toujours pas d'image. Je ne comprends pas. Est-ce que cela ne viendrait pas du fait que mon fichier html n'appelle pas correctement le style.css?

voilà ce que j'ai pour le fichier style:

body{
background-image:url('theme/fond.jpg');
background-repeat:no-repeat;
background-position: left center;
margin:0;
padding:0;
}

Merci pour ton aide

As-tu vérifié si le chemin (qui doit être relatif au fichier CSS, pour rappel) vers ton image était correct ?

Bonjour,

Vérifie aussi la casse du nom de l'image (surtout avec FF) image.jpg != image.JPG
J'ai souvent le cas.

Forum d'entraide PHPFrance

Image de fond

Image de fond