Probleme affichage background d'un div avec CSS

**elt93** · 06/07/2008, 11h20

Bonjour,
J'ai déssiné la maquette de mon site, je l'ai découpé et maintenant je suis entrain de coder mais je rencontre un probleme. Je veux afficher une sorte de menu horizontal comme ici, et pour ceci je le défini comme background dans le css. Mais le fond ne s'affiche pas et je n'arrive pas à trouver pourquoi!
Voici le code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<link href="style/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
 
<body>
<div id="hautbanniere">
 
</div>
<div id="menu">
 
</div>
</body>
</html>

Et le code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@charset "utf-8";
/* CSS Document */
body
{
background-image:url(../theme/fond.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
 
#hautbanniere
{
 
}
 
#menu
{
background-image:url(../theme/bandeaumenu.png) no-repeat top center;
height: 55px;
margin: 150px 25px 0 0;
}

Merci d'avance pour votre aide

**Bovino** · 06/07/2008, 18h31

A part un problème de nom/chemin/présence du fichier image... ce que tu montres comme code ne me semble pas permettre de résoudre ce problème...

**htr999** · 06/07/2008, 19h26

background-image:url(../theme/bandeaumenu.png) no-repeat top center;

background-image ne reçoit à priori que le lien de l'image pour le fond.
no-repeat est pour background-repeat
top center pour background-position
maintenant si tu veux tout mettre sur une ligne, il faudrait utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background: url(../theme/bandeaumenu.png) no-repeat top center;

sinon +1 pour Bovino

a+

Probleme affichage background d'un div avec CSS

CSS

Discussions similaires

Partager

Partager