L'image de fond de l'entete ne s'affiche pas
Résolu
2I++
Messages postés
694
Date d'inscription
Statut
Membre
Dernière intervention
-
bg62 Messages postés 23733 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23733 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour à tous,
L'image fond de l'entete de ma page web ne s'affiche. Sur ce, je vous prie de bien corriger ces codes CSS pour voir ce qui ne marche pas. Notons que tous mes fichiers et image (Entete.jpg) qui sera utilisé comme image de fond se trouvent tous dans le meme dossier AFRIQUE COIFFURE
body
{
width: 760px; /* C'est ici qu'on augmente ou diminue l'espace que doit occupé la page web */
margin: auto; /* On veut qu'il aie des marge exterieures */
margin-top: 20px; /* Marge en haut */
margin-bottom: 20px; /* Marge en bas */
}
/* L'en-tête */
#en_tete
{
width: 760px; /* La longueur de l'entete. Il doit être de la meme longueur que celui du body. */
height: 100px; /*C'est la hauteur de l'entete*/
background-image: url("../AFRIQUE COIFFURE/Entete.jpg"); <gras></gras>/* L'image de fond de l'entete */
background-repeat: no-repeat; /* L'image de fond de l'entete ne doit pas se repéter */
margin-bottom: 10px; /* Marge exterieure en bas */
}
L'image fond de l'entete de ma page web ne s'affiche. Sur ce, je vous prie de bien corriger ces codes CSS pour voir ce qui ne marche pas. Notons que tous mes fichiers et image (Entete.jpg) qui sera utilisé comme image de fond se trouvent tous dans le meme dossier AFRIQUE COIFFURE
body
{
width: 760px; /* C'est ici qu'on augmente ou diminue l'espace que doit occupé la page web */
margin: auto; /* On veut qu'il aie des marge exterieures */
margin-top: 20px; /* Marge en haut */
margin-bottom: 20px; /* Marge en bas */
}
/* L'en-tête */
#en_tete
{
width: 760px; /* La longueur de l'entete. Il doit être de la meme longueur que celui du body. */
height: 100px; /*C'est la hauteur de l'entete*/
background-image: url("../AFRIQUE COIFFURE/Entete.jpg"); <gras></gras>/* L'image de fond de l'entete */
background-repeat: no-repeat; /* L'image de fond de l'entete ne doit pas se repéter */
margin-bottom: 10px; /* Marge exterieure en bas */
}
A voir également:
- L'image de fond de l'entete ne s'affiche pas
- Le clavier de mon telephone ne s'affiche plus - Guide
- Image iso - Guide
- Fond de page word - Guide
- Trame de fond word - Guide
- Enlever le fond d'une image - Guide
11 réponses
bonjour 2I++,
le soucis vient peut être de l'espace dans ton nom de dossier "afrique coiffure" dans un url il sont remplacé par %20.
Mais le mieux est plutôt que tu renome le dossier en afriquecoiffure et que tu appeles ton jpg avec .... afriquecoiffure/entete.jpg
le soucis vient peut être de l'espace dans ton nom de dossier "afrique coiffure" dans un url il sont remplacé par %20.
Mais le mieux est plutôt que tu renome le dossier en afriquecoiffure et que tu appeles ton jpg avec .... afriquecoiffure/entete.jpg
Salue Stéphane18 et merci,
je viens de faire comme tu me l'a demandé, mais toujours rien.
je viens de faire comme tu me l'a demandé, mais toujours rien.
Bon la pas de mystère soit c'est le chemin d'accès à l'image qui cloche soit c'est le nom de l'image voir l'extension.
Vérifie bien le chemin d'accès à ton image pour faire un teste simple enlève ton image de son dossier et met la au même niveau que ta page html et appelle la comme ceci:
Si toujours rien vérifie le nom de ton image les majuscule les minuscule puis aussi l'extension .jpg .png .gif !!
Vérifie bien le chemin d'accès à ton image pour faire un teste simple enlève ton image de son dossier et met la au même niveau que ta page html et appelle la comme ceci:
background: url("entete.jpg") no-repeat;
Si toujours rien vérifie le nom de ton image les majuscule les minuscule puis aussi l'extension .jpg .png .gif !!
ton site est bien sur ton pc pour l'instant ?, tu a fais quelque chose comme ca ?
.entete {
background-image: url(file:///afriquecoiffure/entete.png);
etc...
}
</style>
</head>
<body>
<div class="entete">etc..."</div>
etc...
</body>
</html>
.entete {
background-image: url(file:///afriquecoiffure/entete.png);
etc...
}
</style>
</head>
<body>
<div class="entete">etc..."</div>
etc...
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Tu doit avoir un dossier nommé afriquecoiffure (je suppose c'est l'intitulé de ton projet)
dans ce dossier : un fichier index.html
et un dossier nommé "images", dans ce dossier copie colle Entete.jpg
le fichier index.html ressembler à
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
.entete {
background-image: url(images/Entete.jpg);
width: 670px;
}
</style>
</head>
<body>
<div class="entete"></div>
</body>
</html>
dans ce dossier : un fichier index.html
et un dossier nommé "images", dans ce dossier copie colle Entete.jpg
le fichier index.html ressembler à
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
.entete {
background-image: url(images/Entete.jpg);
width: 670px;
}
</style>
</head>
<body>
<div class="entete"></div>
</body>
</html>
j'ai fais comme suit: pour le corps et le body et ça a marché. Mais pour mon entete, ça ne marche toujours pas:
background-image: url("./Images/corps.jpg" /*Image de fond du corps de ma page web*/
NB: J'ai d'abord créé un dossier Images dans afriquecoiffure et j'y ai mi tous mes images.
Je ne comprends vraiment pas pourquoi au niveau de l'entete l'image de fond ne s'affiche pas.
background-image: url("./Images/corps.jpg" /*Image de fond du corps de ma page web*/
NB: J'ai d'abord créé un dossier Images dans afriquecoiffure et j'y ai mi tous mes images.
Je ne comprends vraiment pas pourquoi au niveau de l'entete l'image de fond ne s'affiche pas.
