Salut a tous , voici mon probléme :
Corection ne fonctionne pas sous mozilla firefox
Donc tout d'abord je suis debutant en ce qui concerne la programation web , le souci que je rencontre c'est que dans mon code css j'ai mis le code pour intégré une image pour mon header ,mais cette image ne s'affiche que en local avec wamp et pas en ligne sur mon ftp :!
Si quelqu'un a une solution je suis prenneur .
voici le code que j'utilise :
Html :
Code : Tout sélectionner
<html>
<head>
<link href="style.css" rel="stylesheet">
<meta charset="UTF-8">
<title>Graphiste Design</title>
<meta name="description" content="Un monde de tutoriels">
</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>
<div id="header"></div>
<!-- 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 -
</footer>
<!-- fin footer -->
</div>
<!-- fin conteneur -->
</body>
</html>
Et Css :
Code : Tout sélectionner
@charset "UTF-8";
/* CSS Document */
body { margin:0;background-color:#fff;}
#conteneur { margin:auto; width:960px; position:relative;}
header { width:100%; height:230px;background-image: url("images/header.png");}
#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:auto; float:right;margin-top:80;}
#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;}
Salut a tous , voici mon probléme : [color=#FF0000][b]Corection ne fonctionne pas sous mozilla firefox [/b][/color]
Donc tout d'abord je suis debutant en ce qui concerne la programation web , le souci que je rencontre c'est que dans mon code css j'ai mis le code pour intégré une image pour mon header ,mais cette image ne s'affiche que en local avec wamp et pas en ligne sur mon ftp :!
Si quelqu'un a une solution je suis prenneur .
voici le code que j'utilise :
Html :
[code]<html>
<head>
<link href="style.css" rel="stylesheet">
<meta charset="UTF-8">
<title>Graphiste Design</title>
<meta name="description" content="Un monde de tutoriels">
</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>
<div id="header"></div>
<!-- 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 -
</footer>
<!-- fin footer -->
</div>
<!-- fin conteneur -->
</body>
</html>[/code]
Et Css :
[code]@charset "UTF-8";
/* CSS Document */
body { margin:0;background-color:#fff;}
#conteneur { margin:auto; width:960px; position:relative;}
header { width:100%; height:230px;background-image: url("images/header.png");}
#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:auto; float:right;margin-top:80;}
#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;}
[/code]
