image background header ne s'affiche pas

**macbida** · 02/10/2012, 10h55

Bonjour,
Honte à moi, je suis bloquée depuis quelques jours sur une problème tout bête mais qui m'énerve au plus haut point et m'empêche d'avancer.
J'ai fait un découpage photoshop du design de mon site avec un bloc header blanc avec ombre portée en png évidemment.
Le souci est que lorsque je souhaite appliquer cette image au background de mon header via la propriété css background url, rien ne s'affiche.
Est-ce que j'aurai loupé quelque chose, à force de regarder je ne vois plus rien ??
Voici mon code html ainsi que mon 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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8" />
        <title>Création de logo</title>
 
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
        <!--[if lte IE 8]>
            <link rel="stylesheet" type="text/css" media="all" href="ie8.css"/>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><! [endif]-->
        <!--[if lte IE 7]>
            <link rel="stylesheet" type="text/css" media="all" href="ie7.css"/>
            <script src="js/IE8.js" type="text/javascript"></script><![endif]-->
 
 
    </head>
 
<body>
 
 <!-- mon global -->
<div id="container">
 
 
 <!--header-->
    <header id="entete">
        <nav id="menu_gauche">
                <ul>
                    <li><a href="#" title="accueil">ACCUEIL</a></li>
                    <li><a href="#" title="présentation">PRESENTATION</a></li>
                    <li><a href="#" title="nos packs">NOS  PACKS</a></li>
                </ul>
        </nav> 
 
        <a id="logo" href="index.php" title="accueil"><img src="images/logo.png" alt="logo"/></a>
 
        <nav  id="menu_droit">
                <ul>
                    <li><a href="#" title="dossiers">DOSSIERS</a></li>
                    <li><a href="#" title="contact">CONTACT</a></li>
                    <li><a href="#" title="espace client">LOGIN  CLIENT</a></li>
                </ul>    
        </nav> 
 
 
    </header> <!--fin header-->
 
 
 
 
</div> <!-- fin global -->
 
</body>
</html>

Code css :

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
21
22
23
24
 
/*CONTENEUR GLOBAL DE MA PAGE*/
#container {
    width:1100px;
    margin:auto;
    padding : 0;
}
 
/* LIENS PAR DEFAUT */
a:link, a:visited a:hover{
    color:#2daebf; 
    text-decoration:none;
}
 
 
/*-------------EN-TETE-------------------*/
#entete {
float:left;
width:1100px;
height:140px;
background-image: url(images/header.png);
background-repeat: no-repeat;
margin:0;
}

Je remercie d'avance la ou les personne qui sauront m'aiguiller et me faire avancer.

**FirePrawn** · 02/10/2012, 11h01

Bonjour,

Essaie en rajoutant les guillemets ?

Code css :

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

background-image: url("images/header.png");

Es-tu sûre du chemin de ton image ?

**macbida** · 02/10/2012, 11h18

OUI le chemin est bon et les guillemets ont été essayés également !!

**FirePrawn** · 02/10/2012, 11h21

Donc puisque ton chemin est bon, on est d'accord que tu as un dossier "images" dans ton dossier "css" et que ce dossier contient header.png ?

**macbida** · 02/10/2012, 20h38

Et c'est là que se trouve l'erreur puisque le fichier était dans le fichier images n'appartenant pas au dossier css !
Merci beaucoup.
Je regarde pour clore la discussion

image background header ne s'affiche pas

HTML

Discussions similaires

Partager

Partager