hello a tous,
voila je suis en train de faire un site internet mais je rencontre un problème.
j’ai un fichier html et un fichier css.
voici les codes :
le css :
/* CSS Document */
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.jpg");
}
#en_tete
{
background-image: url("images/lol.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
l’html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<title>Document sans titre</title>
</head>
<body>
<div id="en_tete">
<!-- bannière -->
</div>
<div id="menu">
<!-- menu -->
</div>
<div id="corps">
<!-- le contenu principal de la page -->
</div>
<div id="pied_de_page">
<!-- footer. -->
</div>
</body>
</html>
mon problème est le suivant : l’image du body s’affiche mais pas celle de “#en_tete”.
est ce que quelqu’un aurait une idée.
je fais mon test en local sous IE et Firefox, rien ne marche, j’ai que le fond du body.
merci de vos réponses.
Edité le 18/04/2008 à 11:00