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

Tout et rien, sauf à propos de KSP ! Le quotidien de Mr Tout le monde en somme
Répondre
Avatar de l’utilisateur
redcosmos
Messages : 745
Inscription : 17 mai 2014, 18:23
Localisation : Quelque parts en france, entrain de regarder le ciel
Contact :

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

Message par redcosmos » 22 décembre 2014, 19:15

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
Dernière modification par redcosmos le 23 décembre 2014, 09:17, modifié 2 fois.
Article sur l'univers: Image
Ma page Facebook Astrophoto

Avatar de l’utilisateur
Balthyx
Messages : 1192
Inscription : 13 décembre 2012, 21:48
Localisation : In the tchoo tchoo train !
Contact :

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

Message par Balthyx » 22 décembre 2014, 19:47

redcosmos a écrit :body
{
   background-image: url("fond.png");
}
T'a oublié un point virgule. :lol:
Mendeleïev ! Au tableau !

Avatar de l’utilisateur
redcosmos
Messages : 745
Inscription : 17 mai 2014, 18:23
Localisation : Quelque parts en france, entrain de regarder le ciel
Contact :

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

Message par redcosmos » 22 décembre 2014, 19:52

erreur corriger mais sa change rien
Article sur l'univers: Image
Ma page Facebook Astrophoto

Avatar de l’utilisateur
Balthyx
Messages : 1192
Inscription : 13 décembre 2012, 21:48
Localisation : In the tchoo tchoo train !
Contact :

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

Message par Balthyx » 22 décembre 2014, 19:59

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.
Mendeleïev ! Au tableau !

Avatar de l’utilisateur
redcosmos
Messages : 745
Inscription : 17 mai 2014, 18:23
Localisation : Quelque parts en france, entrain de regarder le ciel
Contact :

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

Message par redcosmos » 22 décembre 2014, 21:56

bin voici ce que chrome:

Image
Article sur l'univers: Image
Ma page Facebook Astrophoto

Avatar de l’utilisateur
Dragoon1010
Messages : 2841
Inscription : 10 mars 2013, 05:59
Localisation : Géolocalisation en cours...Veuillez patientez...
Contact :

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

Message par Dragoon1010 » 22 décembre 2014, 22:39

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.

Avatar de l’utilisateur
redcosmos
Messages : 745
Inscription : 17 mai 2014, 18:23
Localisation : Quelque parts en france, entrain de regarder le ciel
Contact :

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

Message par redcosmos » 22 décembre 2014, 22:48

je te met sa demain la je go dodo donc pas le temps mais demain je te met une screen du dossier
Article sur l'univers: Image
Ma page Facebook Astrophoto

Avatar de l’utilisateur
redcosmos
Messages : 745
Inscription : 17 mai 2014, 18:23
Localisation : Quelque parts en france, entrain de regarder le ciel
Contact :

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

Message par redcosmos » 23 décembre 2014, 09:02

image dossier:

Image
Article sur l'univers: Image
Ma page Facebook Astrophoto

Avatar de l’utilisateur
Dragoon1010
Messages : 2841
Inscription : 10 mars 2013, 05:59
Localisation : Géolocalisation en cours...Veuillez patientez...
Contact :

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

Message par Dragoon1010 » 23 décembre 2014, 09:11

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. ^^

Avatar de l’utilisateur
redcosmos
Messages : 745
Inscription : 17 mai 2014, 18:23
Localisation : Quelque parts en france, entrain de regarder le ciel
Contact :

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

Message par redcosmos » 23 décembre 2014, 09:16

ok sa remarche avec une autre image
Article sur l'univers: Image
Ma page Facebook Astrophoto

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit