Petit code petit problème (CSS image de fond)
Résolu
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 :
fichier CSS :
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.
Merci d'avance,
chaussette.
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
-
Contributeuressaie sans le div au debut:
#bannière {
background-image: url("images/bannière.png");
background-repeat: no-repeat;
width: 900;
height: 200;
} -
ContributeurEs tu sur de ne pas avoir mis deux fois cet id banniere?
-
-
-
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..!
-
