Décrivez ici votre problème ou ce que vous cherchez à faire.
Bonjour ! je n'arrive pas à mettre une image en fond d'écran sur une div.
" <div class="main"> <!-- Header --> <!-- puis toute ma page --> </div>"

Et dans mon fichier CSS :

" .main { background-image:url("styles/visuels/bg_ak.jpg"); }"

L'arborescence de mon site :
ma page/styles/visuels

le fichier de ma page est au premier niveau puis le CSS dans le dossier "styles" et mon image dans "visuels"

Ce que je veux

Je souhaite mettre une image de fond d'écran dans une div

Ce que j'obtiens

je n'ai aucun fond d'écran dans ma div et l'inspecteur m'indique : "impossible de charger l'image"
Je précise que j'ai le même problème en local comme en ligne

Merci d'avance pour votre aide !

6 réponses


Salut !
Quand tu inspecte l'image avec l'inspecteur de ton navigateur, elle est chargée ou pas ?

Alouxx
Auteur

salut ! merci pour ta réponse !

apparemment non : il me dit "impossible de charger l'image"

Alouxx
Auteur

et quand je la rajoute "à la mano" direct dans l'inspecteur ça fonctionne...

Quand tu écris ton chemin, tu pars bien de ton css et pas de ton html ?

Alouxx
Auteur

ah MERCI infiniment !! je partais effectivement de mon HTML et non de mon CSS.
Je viens d'essayer et ça fonctionne. 😃
🙏🏽

Top ;)