L'image de fond de l'entete ne s'affiche pas

[Résolu/Fermé]
Signaler
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
-
Messages postés
23172
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
10 octobre 2021
-
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 */
}


11 réponses

Messages postés
3926
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
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
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
Merci epitale, je viens de le faire mais rien ne s'affiche toujours.
Messages postés
372
Date d'inscription
jeudi 3 mars 2011
Statut
Membre
Dernière intervention
20 février 2019
132
Salut as tu essayer sans le ../ par exemple
background:  url("afriquecoiffure/entete.jpg") no-repeat;
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
Salue Stéphane18 et merci,
je viens de faire comme tu me l'a demandé, mais toujours rien.
Messages postés
372
Date d'inscription
jeudi 3 mars 2011
Statut
Membre
Dernière intervention
20 février 2019
132
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:

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 !!
Messages postés
3926
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
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>
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
pourqui entete.png et non entete.jpg puisque mon image à une extension .jpg
Messages postés
3926
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
ah oui, non, mets bien entete.jpg, meme Entete.jpg puisque que tu l'a nommé avec une majuscule
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
toujours rien
Messages postés
3926
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
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>
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
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.
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
Je viens de changer d'image de fond dans l'entete et ça marche. Merci à tout le monde
Messages postés
3926
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
re, ah bien.... bon courage pour la suite....
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
Merci epitale
Messages postés
23172
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
10 octobre 2021
2 278
penses à mettre en "résolu", merci :)
Messages postés
685
Date d'inscription
vendredi 21 août 2009
Statut
Membre
Dernière intervention
11 août 2021
51
bg62 excusez moi, je ne comprends ce que vous voulez dire par mettre en RESOLU. Soyez plus explicite.
Messages postés
23172
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
10 octobre 2021
2 278
tout en haut de la page, sous le titre de ta question "marquer comme résolu", tu cliques dessus :)