image background header ne s'affiche pas
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:
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:
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.
