Background-image ne fonctionne pas avec css [Résolu/Fermé]

Signaler
-
 ANTHURIUMRE -
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.






5 réponses

Messages postés
572
Date d'inscription
mardi 16 mars 2010
Statut
Membre
Dernière intervention
18 avril 2018
58
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.
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.
dariumis
Messages postés
572
Date d'inscription
mardi 16 mars 2010
Statut
Membre
Dernière intervention
18 avril 2018
58
Je veux juste dire que si ton css est dans un dossier css et que ta balise img en est hors dans fichier html, alors les chemin ne sont pas identique et c'est normal que l'un marche et pas l'autre.
Messages postés
1959
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
204
As-tu mis quelque chose dans ce div ? Genre

<div id="mondiv">
<p>Lorem ipsum bla bla</p>
</div>


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.

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.
Bonjour a tous problème résolu. J'avais mal spécifié mon chemin en partant du fichier.css.

Merci pour votre aide.