Petit code petit problème (CSS image de fond)

Résolu/Fermé
Signaler
-
 chaussette -
Bonjour à tous,
je ne parviens pas à trouver ce qui cloche dans ce code (3 heures que je m'arrache les cheveux!). J'essaie d'attribuer une image de fond à un DIV mais elle ne s'affiche pas. En simplifiant au maximum le code donne ceci :

code xhtml :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />   
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
		<div id="bannière"></div>
  </body>
</html>


fichier CSS :
div#bannière {
	background-image: url("images/bannière.png");
	background-repeat: no-repeat;
	width: 900;
	height: 200;
}


Il ne s'agit pas d'un problème d'url. Dans le CSS, si je remplace le div par un block body l'image s'affiche.

body {
	background-image: url("images/bannière.png");
	background-repeat: no-repeat;
	width: 900;
	height: 200;
}


Merci d'avance,
chaussette.

2 réponses

Messages postés
6425
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
2 016
essaie sans le div au debut:

#bannière {
background-image: url("images/bannière.png");
background-repeat: no-repeat;
width: 900;
height: 200;
}
0
salut et merci,
non ça ne change rien.
0
Messages postés
6425
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
2 016
Es tu sur de ne pas avoir mis deux fois cet id banniere?
0
oui,
j'ai donné le code simple avec lequel je suis en train de me battre
0
des indices,
quand j'écris quelque chose dans la balise DIV (html) l'image s'affiche sur une bande, après le texte ecrit; et de la même épaisseur :

text test image*image*image*

Donc l'image est chargée mais ne s'affiche pas. z-index ?
0
résolu,
il fallait préciser les valeurs height et width en ajoutant px à la fin. Mais pour body ça fonctionne sans. Curieux non !?
Les % fonctionnent un peu bizarrement aussi, ça marche si je met
width 100%
height 300px
mais l'inverse par exemple ne m'affiche rien.
C'est étrangement dur de passer du C au html. Déjà que c'est moche..!
0