background-image ne fonctionne pas avec css Résolu/Fermé

Question

Bonjour, 

Je voudrais mettre une image de fond à un div. Pour ce faire dans ma page style.css je tape le code suivant:

#mondiv
{
background-image:url('monimage.JPG');
border:double yellow;
color:yellow;
etc...
}



bien que mon image que j'ai testé directement dans mon code html par :

<img src="monimage.JPG">

soit exaxtement là où je le spécifie mon code css me renvoit toute ma mise page sauf l'image de fond. 

Je l'ai pourtant mis à la base de mon site pour le tester.

Quelqu'un s'y connaissant pourrait-il m'aider s'il vous plaît. Merci pour votre aide.






Configuration: Windows 7 / Internet Explorer 9.0

dariumis · Answer

Salut, entre ta balise img ce trouvant dans ton fichier html, et le css ce trouvant dans un fichier css les chemins ne sont pas forcément identique. Le point d'origine du chemin que tu définis dans ta feuille de style doit etre la feuille de style et non pas ton fichier html.

ANTHURIUMRE · Answer

Bonsoir Daruimis,

Voilà ce que tu dis :

"Salut, entre ta balise img ce trouvant dans ton fichier html, et le css ce trouvant dans un fichier css les chemins ne sont pas forcément identique. Le point d'origine du chemin que tu définis dans ta feuille de style doit etre la feuille de style et non pas ton fichier html." 

dans ma feuille de style j'indique le chemin comme suit :

#mondiv
{background-image:url('monimage.JPG');

}

Je ne peux pas faie plus simple car monimage.JPG se trouve à la racine de mon site. Comment devrais-je procéder pour qu'il s'affiche. Peux-tu me donner un exemple peut-être ai-je mal compris ce que tu cherches à m'expliquer. Merci pour ton aide.

notobe · Answer

As-tu mis quelque chose dans ce div ? Genre

Lorem ipsum bla bla

ou n'y a t-il rien du tout ? Car s'il n'y a rien, et qu'aucune hauteur et largeur ne soit définies, c'est normal que tu ne voies pas l'image : ce n'est pas qu'elle ne soit pas là, c'est qu'on ne la voit pas. Et pour border il manquerait bien une taille... Pour que le style de ligne "double" soit visible, il faut définir au moins 3px.

ANTHURIUMRE · Answer

Bonjour Nariumis et Notobe,

Ok Nariumis.

Notobe j'ai bien spécifié une hauteur et une largeur, un nombre de px pour la bordure, j'ai bien écrit à l'intérieur de la div mais je n'ai toujours pas d'image. 

Merci pour votre aide.

ANTHURIUMRE · Answer

Bonjour a tous problème résolu. J'avais mal spécifié mon chemin en partant du fichier.css.

Merci pour votre aide.

Background-image ne fonctionne pas avec css

5 réponses

Discussions similaires