Affichage et répétition de l'image de fond

**Metcall** · 26/02/2009, 16h19

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)

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?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)

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
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

**Ethyde** · 26/02/2009, 16h56

Bonjour,

pour que ton image s'affiche ou faut donner a ton body des information de taille et de hauteur tel que par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
body{
background-image:url(theme/fond.jpg) no-repeat top center;
margin:0;
padding:0;
width: 500px;
height:500px;
}

Ah et là ton image de fond ne se répéteras pas a cause de la mention no-repeat.

**Metcall** · 26/02/2009, 17h03

J'ai essayé ce que tu me conseilles, mais ça ne fonctionne pas. Toujours une page blanche

**Ethyde** · 26/02/2009, 17h10

Hum, aurais tu un lien pour voir directement ?

**Metcall** · 26/02/2009, 17h14

Voici le lien:

http://l.blanquer.free.fr/sphinx/index.html

**Ethyde** · 26/02/2009, 17h20

Hum alors déjà pour commencer corriger le doctype en enlevant le bout de balise <html> qui traine devant lui.

Ensuite visiblement soit l'adresse de ta feuille de style n'est pas bonne, soit elle est vide (plutôt vide d'ailleurs).

Affichage et répétition de l'image de fond [CSS 2]

CSS

Vue hybride

Discussions similaires

Partager

Partager