probleme affichage html+css

**fasyr** · 18/06/2008, 18h49

bonjour à tous, je débute en css et je travaille à la création d'un site internet.
j'ai placé tt mes éléments (div) qui se superposent correctement mais, à part la 1ere image (image du header) je n'arrive pas à afficher les autres images des différents div ("headersuite", "contenu", "footer"). ai-je oublié quelque chose?
merci de votre aide

voici mon code html:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Presentation de L'Entreprise</title>
	<link rel="stylesheet" media="screen" type="text/css" title="Design" href="csswebsite.css" />
</head>
<body>
	<div id="container">
		<div id="header"></div>
		<div id="headersuite">
			<div id="navigation"></div>
		</div>
		<div id="contenu"></div>
		<div id="footer"></div>
	</div>
 
</body>
</html>

et mon css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background: url(image/bg-grid.gif);
	margin: 0; 
	padding: 0;
	}
#container {
	width: 750px;
	height: 860px;
	border: 2px solid #000000;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
	}
#header {
	background: url(image/banniere_tonni_courses.bmp);
	width: 712px;
	height: 163px;
	border: 2px solid #0000ff;
 
	}
#headersuite {
	background: url (image/top-img.gif);
	width: 712px;
	height: 25px;
	border: 2px solid #008000;
	}
#navigation {
	width: 430px;
	height: 25px;
	border: 2px solid #ff0000;
	}
#contenu {
	background: url (image/contenu.bmp);
	width: 712px;
	height: 615px;
	border: 2px solid #800080;
	}
#footer {
	background: url (image/foot-img.gif);
	width: 712px;
	height: 25px;
	border: 2px solid #ffff00;
	}

**Erwan31** · 18/06/2008, 19h31

Bonjour,
le format bmp n'est pas un format adapté au web, d'autant plus qu'il me semble qu'IE n'est pas pourvu nativement d'un "visualiseur" bmp.
Convertir tes image bmp en png ou en jpeg selon le cas et si le problème persiste, mettre à disposition une page en ligne

Pour info ce code: html {margin: 0; padding: 0;} est inutile.

**fasyr** · 18/06/2008, 19h51

c'est bon j'ai trouvé!! en fait j'avais ajouté un espacement de trop entre "url" et "(image/......)" dans mon css. j'ai par la meme occaz changé les formats des images merci du conseil!!!!

probleme affichage html+css

CSS

Discussions similaires

Partager

Partager