L'image du header qui s'affiche pas
Bonjour a tous .
Allor comme dans le titre , l'image de mon header ne s'affiche pas !
Je suis novice , mais j'ai essayer de resoudre le probléme tout seul , rien a faire je suis bloquer :!
L'image s'affiche en local avec wamp , mais en ligne pas du tout , je suis héberger chez ovh est ce que ca peut venir d'eux ?
Voici les codes sources : Correction ne marche pas sous firefox
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
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr">
<head>
<link href="style.css" rel="stylesheet">
<meta charset="utf-8">
<title>Graphiste Design</title>
<meta name="description" content="Un monde de tutoriels">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=701714126520315";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Debut conteneur -->
<div id="conteneur">
<!--debut header -->
<header>
<!-- debut logo-->
<div id ="logo">
<img src="images/....png">
</div>
<!-- fin logo-->
<!-- debut nav-->
<nav>
<ul>
<li><a href="index.html">Acceuil</a></li>
<li><a href="News.html">Tutoriel</a></li>
<li><a href="Contact.html">Galerie</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
<div id="addthis">
<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="kligrafik"></a>
<a class="addthis_button_youtube_follow" addthis:userid="kligrafik"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52a8a6c31f16fef9"></script>
<!-- AddThis Follow END -->
</div>
</nav>
<!-- fin nav -->
</header>
<!--fin header -->
<!-- debut contenu -->
<div id="contenu">
<!-- debut section -->
<section>
<article>
<h1>Nouvelle formation</h1>
<p>
<img src="images/tuto1.png">
Nec vox accusatoris ulla licet subditicii in his malorum quaerebatur acervis ut saltem specie tenus crimina praescriptis legum committerentur, quod aliquotiens fecere principes saevi: sed quicquid Caesaris implacabilitati sedisset, id velut fas iusque perpensum confestim urgebatur impleri.
Nec vox accusatoris ulla licet subditicii in his malorum quaerebatur acervis ut saltem specie tenus crimina praescriptis legum committerentur, quod aliquotiens fecere principes saevi: sed quicquid Caesaris implacabilitati sedisset, id velut fas iusque perpensum confestim urgebatur impleri.
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.
Ego vero sic intellego, Patres conscripti, nos hoc tempore in provinciis decernendis perpetuae pacis habere oportere rationem. Nam quis hoc non sentit omnia alia esse nobis vacua ab omni periculo atque etiam suspicione belli?
</p>
</article>
<article>
<h1>Deuxieme formation</h1>
<p>
Nec vox accusatoris ulla licet subditicii in his malorum quaerebatur acervis ut saltem specie tenus crimina praescriptis legum committerentur, quod aliquotiens fecere principes saevi: sed quicquid Caesaris implacabilitati sedisset, id velut fas iusque perpensum confestim urgebatur impleri.
Nec vox accusatoris ulla licet subditicii in his malorum quaerebatur acervis ut saltem specie tenus crimina praescriptis legum committerentur, quod aliquotiens fecere principes saevi: sed quicquid Caesaris implacabilitati sedisset, id velut fas iusque perpensum confestim urgebatur impleri.
mpore in provinciis decernendis perpetuae pacis habere oportere rationem. Nam quis hoc non sentit omnia alia esse nobis vacua ab omni periculo atque etiam suspicione belli?
</p>
</article>
</section>
<!-- fin section -->
<!-- debut aside -->
<aside>
<h1> Nous suivre</h1>
<div class="fb-like-box" data-href="http://www.facebook.com/kligrafik" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="true" data-show-border="true"></div>
<h1> Liens </h1>
<h1> Partenaires</h1>
</aside>
<!-- fin aside -->
</div>
<!-- fin contenu -->
<!-- debut footer -->
<footer>
Copyright - Graphiste Design by Kligrafik
</footer>
<!-- fin footer -->
</div>
<!-- fin conteneur -->
</body>
</html> |
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
| @charset "UTF-8";
/* CSS Document */
/* ---- CLASSES UTILES ---- */
.clear {clear:both;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.container {width:960px; margin:0 auto; position:relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
body { margin:0;background-color:#fff;}
#conteneur { margin:auto; width:960px; position:relative;}
header { width:100%; height:230px;background-image: url("www/images/123456.jpg");}
#logo { width:280px; height:130px; text-align:center; padding-top:60px; float:left;margin-left:20px;margin-top:20px;}
nav { width:620px; height:140px; float:left; margin-left:20px; font-family:arial; padding-top:50px;margin-top:20px;}
/*menu*/
ul { font-size:20px;}
li { list-style:none;float:left; margin-right:30px;}
nav a { color:#000; text-decoration:none; text-transform:uppercase;-moz-transition:.8s; -webkit-transition:.8s; transition:.8s;}
nav a:hover { color:#fff ;background-color:#f75553;}
#addthis { width:280px; height:100px; float:right;margin-top:80px;}
#addthis :hover { background-color:inherit;}
/*contenu*/
#contenu { width:920px; height:auto; background-color:#fff;float:left;padding:0 20px 40px 20px;font-family:arial ;}
section { width:580px; background-color:#fff; height:auto;padding:10px;margin-top:10px;float:left;}
article { width:580px; margin-bottom:30px;}
article h1 { color:#cdcdcd;margin:0;padding:0;text-transform:uppercase;}
article p { text-align:justify;}
article img { float:left ;margin-right:10px;margin-bottom:10px;}
aside {width:300px;height:auto;background-color:#fff;float:left; margin-top:20px; margin-left:20px;}
aside h1 { color:#cdcdcd ; margin:20px;}
/*footer*/
footer { width:960px; text-align:center; height:50px; color:#1d1943; background-color:#fff;float:left;line-height:50px;} |
Merci a l'avance pour votre aide : )
