Sujet Précédent Sujet Suivant

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

Résolu/Fermé
2I++ Messages postés 694 Date d'inscription vendredi 21 août 2009 Statut Membre Dernière intervention 11 août 2021 - 12 mai 2011 à 11:26
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 13 mai 2011 à 20:30
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 */
}


A voir également:

11 réponses

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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 11
2I++ Messages postés 694 Date d'inscription vendredi 21 août 2009 Statut Membre Dernière intervention 11 août 2021 53
12 mai 2011 à 12:56
pourqui entete.png et non entete.jpg puisque mon image à une extension .jpg
0
epitale Messages postés 3942 Date d'inscription jeudi 5 février 2009 Statut Membre Dernière intervention 27 octobre 2017 915
12 mai 2011 à 13:11
ah oui, non, mets bien entete.jpg, meme Entete.jpg puisque que tu l'a nommé avec une majuscule
0
Réponse 6 / 11
2I++ Messages postés 694 Date d'inscription vendredi 21 août 2009 Statut Membre Dernière intervention 11 août 2021 53
12 mai 2011 à 13:15
toujours rien
0
Réponse 7 / 11
epitale Messages postés 3942 Date d'inscription jeudi 5 février 2009 Statut Membre Dernière intervention 27 octobre 2017 915
12 mai 2011 à 13:30
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>
0
Réponse 8 / 11
2I++ Messages postés 694 Date d'inscription vendredi 21 août 2009 Statut Membre Dernière intervention 11 août 2021 53
13 mai 2011 à 11:25
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.
0
Réponse 9 / 11
2I++ Messages postés 694 Date d'inscription vendredi 21 août 2009 Statut Membre Dernière intervention 11 août 2021 53
13 mai 2011 à 12:11
Je viens de changer d'image de fond dans l'entete et ça marche. Merci à tout le monde
0
epitale Messages postés 3942 Date d'inscription jeudi 5 février 2009 Statut Membre Dernière intervention 27 octobre 2017 915
13 mai 2011 à 12:44
re, ah bien.... bon courage pour la suite....
0
Réponse 10 / 11
2I++ Messages postés 694 Date d'inscription vendredi 21 août 2009 Statut Membre Dernière intervention 11 août 2021 53
13 mai 2011 à 12:50
Merci epitale
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
13 mai 2011 à 16:50
penses à mettre en "résolu", merci :)
0
Réponse 11 / 11
2I++ Messages postés 694 Date d'inscription vendredi 21 août 2009 Statut Membre Dernière intervention 11 août 2021 53
13 mai 2011 à 20:22
bg62 excusez moi, je ne comprends ce que vous voulez dire par mettre en RESOLU. Soyez plus explicite.
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
13 mai 2011 à 20:30
tout en haut de la page, sous le titre de ta question "marquer comme résolu", tu cliques dessus :)
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
programme qui n'affiche pas le mot secret
EMy.chev -
yg_be -

3 réponses
Comment enlever le rouge sur la photo svp ?
lucas0909 -
Benji -

20 réponses
mon image prend une dominante bleue
herve -
Dany -

4 réponses
Résolution d'une image 500 pixels largeur
sassou -
transat -

2 réponses