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.
A voir également:
- Mettre une image sur une page web
- Comment supprimer une page sur word - Guide
- Web office - Guide
- Imprimer tableau excel sur une page - Guide
- Comment traduire une page web - Guide
- Capturer une page web complète - Guide
4 réponses
Bonjour, l'image se situe bien dans le même dossier que le css ?
Pierre
oui, j'ai tout mis dans le meme dossier, que ce soit le fichier html, css ou jpg
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 :
Bonne journée
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/
Un exemple : http://jsfiddle.net/g3xbvum0/