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

Résolu/Fermé

chaussette - 12 févr. 2012 à 23:48
chaussette - 13 févr. 2012 à 01:08

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.

A voir également:

Petit code petit problème (CSS image de fond)
Excel trier du plus grand au plus petit - Guide
Code ascii de a - Guide
Code puk bloqué - Guide
Code de déverrouillage oublié - Guide
Image iso - Guide

2 réponses

Réponse 1 / 2

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
13 févr. 2012 à 00:02

essaie sans le div au debut:

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

chaussette
13 févr. 2012 à 00:07

salut et merci,
non ça ne change rien.

Réponse 2 / 2

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
13 févr. 2012 à 00:11

Es tu sur de ne pas avoir mis deux fois cet id banniere?

chaussette
13 févr. 2012 à 00:20

oui,
j'ai donné le code simple avec lequel je suis en train de me battre

chaussette
13 févr. 2012 à 00:55

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 ?

chaussette
13 févr. 2012 à 01:08

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..!

Discussions similaires

[Ecrire Exposant 12] 10² ou 10³ ok mais...

Comment enlever le rouge sur la photo svp ?