28172 sujets

CSS et mise en forme, CSS3

[Résolu] Mettre une image en fond de page web

Pages :
Bonjour,
<config>Windows 7 / ie 11.0 \ notepad++
J'aimerai mettre une image en fond d'écran de ma page web, j'ai lu plusieurs post, mais mon image ne veux pas s'afficher. Je vous montre mon code HTML et mon code CSS.
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" media="screen" type="text/css" href="page_css.css" />
<title>Premiers tests du CSS</title>
</head>
<body>
<h1>Bienvenue à la montagne !</h1>
<p>ici il a beaucoup neigé ces derniers temps. Ca se voit non ? </p>
</body>
</html>
CSS
body
{
width: 100%
background-image: url("montagne.jpg");
background-attachment: fixed; /* Le fond restera fixe */
}
Merci d'avance pour vos aides.
Salut, si tu fais un clic droit -> inspecter l'élement, as-tu une erreur au niveau de la console ?


En faite, après le width: 100% il manque un point virgule " ; ". du coup ça plante Smiley smile
Modifié par JENCAL (09 Nov 2015 - 13:50)
Bonjour,
il n'y a pas de case "inspecter" quand j'effectue un clic droit sur mon code Smiley ohwell
Je viens de corriger le ";" au passage mais j'ai toujours la meme chose, je joins ma page en photo upload/60400-pageweb.png

J'ai bien sur tous mes fichiers dans le meme dossier
Modifié par hykkles (09 Nov 2015 - 13:54)
Et si tu rajoute une balise 

<img src="montagne.jpg"/>
?

ajoute height 100% a ton body aussi.
Modifié par JENCAL (09 Nov 2015 - 14:07)
il faut que dans ton dossier où se trouve index.html on retrouve page_css.css et montagne.jpg. dans le même dossier que index.html. les trois fichiers au même niveau.
Modifié par JENCAL (09 Nov 2015 - 14:13)
essaye 
background-image: url(montagne.jpg);
; sans guillemets.
Modifié par JENCAL (09 Nov 2015 - 14:18)
Bonjour Hykkles,

Au point où tu en es, tu peux essayer ceci :
background:white url("montagne.jpg") no-repeat center fixed;

Fonctionne sur tous les navigateurs.

Attention à bien mettre un espace entre la parenthèse fermante et l'instruction de répétition.
hykkles a écrit :
ça ne fait rien non plus Smiley ohwell
????

Il y a une caillasse dans le potage !

L'erreur vient d'ailleurs je pense.

Ça me rappelle une tranche de vie où j'avais développé mon site en local puis avais transféré ce même site, fonctionnel, chez un hébergeur gratuit.
Au premier test, aucune image, ni même la moindre icône ne s'affichait.

Après vérification il s’avérait que l'hébergeur en question ne permettait pas l'utilisation des images (entr'autres choses).

Qu'en est-il de ton hébergeur ?
Je n'ai pas d'hébergeur, je fais tout en local pour l'instant, je commence le HTML/CSS depuis environ 2h
tu ne ma pas répondu, si tu met <img src="montagne.jpg"/> est ce que l'image s'affiche ??
Essaye un 
background-color : red
pour voir au moins si ton fichier css est appelé .
Modifié par JENCAL (09 Nov 2015 - 14:39)
Oui désolé, quand je mets ta ligne de code, j'ai une petite fenêtre avec un x qui signifie que l'image n'a pas pu être affichée
hykkles a écrit :
Oui désolé, quand je mets ta ligne de code, j'ai une petite fenêtre avec un x qui signifie que l'image n'a pas pu être affichée


cela veut dire qu'il ne trouve pas l'image !! donc faut passer par du chemin absolue. je sais pas pourquoi.
Modifié par JENCAL (09 Nov 2015 - 14:40)
Je viens de tester avec une autre image, ça me fait la meme chose.
Mais si tous mes documents sont dans le même dossier il n'y a pas besoin que je lui indique le chemin non?
est-tu sur que page_html.html est le MÊME que celui dans le même dossier que page_css.css ?? regarde bien l'url.
Modifié par JENCAL (09 Nov 2015 - 14:42)
Pages :
Sujet clos
Aller à