Mettre une image sur une page web
Résolu
Pierre
-
Pierre -
Pierre -
Bonjour,
<config>Windows 7 / ie 11.0
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.
<config>Windows 7 / ie 11.0
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.
4 réponses
-
Bonjour, l'image se situe bien dans le même dossier que le css ?
-
-
Salut,
Tu as une erreur de syntaxe dans ton code css : il manque le point-virgule à la fin de la première propriétés.
Néanmoins tout les éléments de type block (body, div ...) occupe par défaut toute la largeur disponible, il n'est donc pas utile de définir une width à 100%.
Donc pour corriger ton code :body { background-image: url("montagne.jpg"); background-attachment: fixed; /* Le fond restera fixe */ }
Bonne journée-
-
Les noms des fichiers sont bien corrects (montagne.jpg et page_css.css) ? Attention à la casse.
Un exemple : http://jsfiddle.net/g3xbvum0/ -
-
-
C'est bon j'ai trouvé, mon fichier HTML s'enregistrait dans une copie d'où mon problème d'affichage d'image.
Désolé du derangement, merci encore pour l'aide, je sais que c'est pas facile de trouver du monde à des heures comme ça :)
