Page 1 sur 1

Résolut Probleme pour fond de plan site web (html,css)

Publié : 22 décembre 2014, 19:15
par redcosmos
salut à tous,

Je vient de me mètre au codage de site web ( personnel bien sûr ), malgré tous les petit problème lié au codage, il y en a un que je ne comprend vraiment pas.

Avant de tout dire sur ce problème, je signale que j'apprend sur Openclassrooms (voici le lien: http://openclassrooms.com/courses/appre ... l5-et-css3).

Le problème j'ai rencontré est le suivant:
- impossible mètre une image de fond sur mon site

A savoir que mon site n'ai pas hébergée.

Voici les codes :

Code html :

Code : Tout sélectionner

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style2.css" />
        <title>Premiers tests du CSS</title>
    </head>

    <body>
        <h1>Mon super site</h1>
        
        <p>Bonjour et bienvenue sur mon site !</p>
        <p>Pour le moment, mon site est un peu vide. Patientez encore un peu !</p>
    </body>
</html>
code CSS :

Code : Tout sélectionner

body
{
	background-image: url("fond.png");
}
L'image est dans le même dossier où il y a le dossier .html et .css.
Le dossier général est sur le bureau (Win 7).

L'image que je veux mètre en fond s'appelle fond.png.

Merçi de vous intéressée à ce problème.
Cordialement Mr.redcosmos

Re: Probleme pour fond de plan site web (html,css)

Publié : 22 décembre 2014, 19:47
par Balthyx
redcosmos a écrit :body
{
   background-image: url("fond.png");
}
T'a oublié un point virgule. :lol:

Re: Probleme pour fond de plan site web (html,css)

Publié : 22 décembre 2014, 19:52
par redcosmos
erreur corriger mais sa change rien

Re: Probleme pour fond de plan site web (html,css)

Publié : 22 décembre 2014, 19:59
par Balthyx
redcosmos a écrit :.body
{
   background-image: url("fond.png");
}
Et un point tout court. ;)

EDIT: nan wait je mélange tout là --'
redcosmos a écrit : <meta charset="utf-8" />
<link rel="stylesheet" href="style2.css" />
<title>Premiers tests du CSS</title>
J'ai testé chez moi ça marche, ducoup je penche pour un oubli de ta part.

Re: Probleme pour fond de plan site web (html,css)

Publié : 22 décembre 2014, 21:56
par redcosmos
bin voici ce que chrome:

Image

Re: Probleme pour fond de plan site web (html,css)

Publié : 22 décembre 2014, 22:39
par Dragoon1010
Le problème viens de tes liens. Tu dit que l'image est dans le même dossier que le CSS, ce qui laisse sous-entendre que le CSS et l'image sont dans un sous dossier, différent du fichier HTML. Donc le lien de ton fichier CSS et de ton images ne sont pas bon.

De plus, lorsque tu met une image, pour que cela fonctionne en local, je te conseille de mettre background-image: url("../fond.png");.

Montre nous un peu l'arborescence de ton dossier.

Re: Probleme pour fond de plan site web (html,css)

Publié : 22 décembre 2014, 22:48
par redcosmos
je te met sa demain la je go dodo donc pas le temps mais demain je te met une screen du dossier

Re: Probleme pour fond de plan site web (html,css)

Publié : 23 décembre 2014, 09:02
par redcosmos
image dossier:

Image

Re: Probleme pour fond de plan site web (html,css)

Publié : 23 décembre 2014, 09:11
par Dragoon1010
Ha ok je vois le problème, il est tout con :D !

Tu a mis "fond.png" alors que l'extension de ton fichier est un .jpeg. ^^

Re: Probleme pour fond de plan site web (html,css)

Publié : 23 décembre 2014, 09:16
par redcosmos
ok sa remarche avec une autre image