Background-image ne fonctionne pas avec css
Résolu
ANTHURIUMRE
-
ANTHURIUMRE -
ANTHURIUMRE -
Bonjour,
Je voudrais mettre une image de fond à un div. Pour ce faire dans ma page style.css je tape le code suivant:
bien que mon image que j'ai testé directement dans mon code html par :
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.
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.
A voir également:
- Background-image ne fonctionne pas avec css
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
5 réponses
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 :
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.
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.
As-tu mis quelque chose dans ce div ? Genre
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.
<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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question