Image qui ne s'affiche pas avec du css

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

Pour ton div en_t^te, essaie de mettre du texte, ou d’imposer une hauteur dans le css, voir si ça change quelque chose

Il ne faut pas mettre de guillements dans l’argument url() en CSS

voila ce que ca fait quand je met du texte dans le div :

http://img255.imageshack.us/img255/3459/sanstitreow4.th.jpg

le texte est couvert une partie de l’image qui est sensé apparaitre

PS : avec ou sans guillemets c’est pareil
Edité le 15/04/2008 à 12:21


c'est bon j'ai trouvée, il fallait que je lui donne une heigh definie

N’importe quoi. Tu peux en mettre. Il se passe quoi à ton avis si y a un espace dans ton url? (une URL c’est pas forcément du HTTP hein :))

prosanctus: ton problème, c’est

  1. background-color: transparent à tout hasard
  2. essaye de fixer une hauteur sur ton #en_tete, notamment la taille de ton image.

je ferme se poste
juger tro egocentrique

Tu m’expliqueras l’utilité de ton message, nicolas.pl, et ensuite je réfléchirai aux sanctions ad hoc. Merci d’avances.
Edité le 16/04/2008 à 17:22

merci de vos réponses, sans-nom ta méthode a bien fonctionné.

par contre nicolas.pl, je sais pas ce qu’il t’arrive mais bon je cherche pas a comprendre.