[résolu] probleme intégration d'image en background

[hamonofis]

Bonjour
Je sais que le sujet à été traité maintes et maintes fois mais j'ai beau écumer tout le forum
les solutions données ne fonctionnent pas sur mon site.
Je cherche à mettre une image en fond d'écran
Voici mon global.css:

body {
background: url(../img/bgimage.gif) repeat-x ;
background-color: white;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align:center;

}

Mon image est placée dans prestashop/img
Rien ne s'affiche mon arrière plan reste aussi blanc que le template par défaut de prestashop

[ould.abeidy]

Bonjour,
vide le dossier compile sauf index tools/smarty/compile,et actualise salut.

[Divine]

Bonjour,

Essaye d'enlever background-color: white;
Tu ne peux pas définir une image ET une couleur, c'est soit l'un soit l'autre et c'est surement ça qui fait bugger l'affichage de ton image. Donc dans ton cas tu enlèves l'information de couleur et tu verras ton image apparaître.

EDIT: Vérifie aussi que l'image est bien placée dans le dossier img de ton thème et pas dans le dossier img de Prestashop.

[ould.abeidy]

Bonsoir,

Bonjour,

Rien à voir avec le dossier compile...
Il te suffit d'enlever background-color: white;
Tu ne peux pas définir une image ET une couleur, c'est soit l'un soit l'autre. Donc dans ton cas tu enlèves l'information de couleur et tu verras ton image apparaître

occupe toi de la Question au lieu de commenter en tous cas merci de ta remarque.

[Divine]

C'est bien ce que je fais et contrairement à toi je cherche des solutions qui sont en rapport avec la question...
Ceci dit mon commentaire est enlevé, comme ça ta susceptibilité ne sera pas froissée...

[Jo Ngoc Hang]

Hum juste pour dire qu'on peut mettre une couleur et une image à un background. Ce que ne couvrira pas l'image, la couleur définie le comblera.

Par contre on peut optimiser le gain de place en mettant le css en ligne au lieux d'utilliser background + background-image on peut condenser les deux dans background (par contre je ne me rappelle jamais de l'ordre des propriétés pour être réglo avec les normes du W3C, enfin dans le désordre ça marche aussi ).

background: white url('../img/bgimage.gif') repeat-x;

Est correct.

------
Pour le cas d'hamonofis je pense comme l'a suggéré Divine que l'image n'est pas placée au bon endroit. Il faut la mettre dans :
prestashop(racine de prestashop)/themes/prestashop(ou le nom du thème en question)/img/
et non dans
prestashop(racine de prestashop)/img/

[Divine]

+1 Jo, tu as raison.

C'est vrai que le problème vient plutôt de l'emplacement de l'image à mon avis.

[ould.abeidy]

Bonsoir,
Divine surveille tes mots j’attend la suite… salut.

[Divine]

Je n'ai rien à surveiller ould.abeidy...

Par ailleurs, ce topic tente de répondre à un problème que rencontre un utilisateur de Prestashop, pas de partir en polémique pour savoir qui a raison ou tord, ce qui est puéril et complètement inutile.
Merci donc de bien vouloir rester dans le sujet initial du post.

[hamonofis]

Rebonjour,
Merci de m'avoir répondu.
Maintenant heureusement que ce n'était pas ma version finale
parce qu'avec la première solution plus rien ne s'affiche.
Par contre j'ai essayé avant
background: white url('../img/bgimage.gif') repeat-x; avec et sans le white
j'ai enlevé mon background-color.
et toujours rien.

Je crois que je vais tout réinstaller

[Divine]

As-tu bien mis ton image dans le dossier img de ton thème ?

[hamonofis]

oui c'est bien dans le thème

[Divine]

As-tu un lien vers ton site pour qu'on puisse voir ce qui ne va pas ?

[hamonofis]

Ne vous disputez pas pour rien svp.
bon alors vous pouvez vérifier par vous même
mon site est ici : **************
J'ai toujours le template par défault.
mon image est bien dans /themes/template/img
Est ce qu'il faut que l'image ait une taille particulière?

[Divine]

Alors apparemment il y a un problème avec ton image elle-même.
Essaye avec une autre image normalement ça devrait marcher.

[hamonofis]

La ligne de code n'est pas pris en compte.
Lorsque je change la color devant url(../../.gif) rien ne se passe,
je devrais au moins avoir un changement de couleur du fond.
Cordialement

[Divine]

Si je viens de tester sur ton site ca marche bien.

[hamonofis]

alors je suis le seul à ne pas voir l'image.
Normalement il devrait y avoir une bande verte sur la gauche et un dégradé violet en bas
de la page.
Est ce bien cela que vous avez?

[Divine]

Non je ne vois pas l'image puisqu'il y a un problème dessus apparemment.

En fait j'ai testé de changer la couleur et cela marche bien, et j'ai aussi testé avec une autre image et cela marche aussi.
Donc c'est pour cela que je suggère de tester une autre image que celle-ci.

[hamonofis]

Je viens de changer l'image de fond avec deux images prises sur internet
dans des formats différents jpg et gif. Rien ne s'affiche.
Y a t il pas besoin de préciser l'url du site au lieu de ../image?

[Divine]

Alors peut-être une piste à creuser du côté des permissions de ton dossier img et des fichiers qu'il contient.
Peux-tu me dire quelles sont les permissions actuelles de ce dossier et plus particulièrement de l'image que tu n'arrives pas à afficher ?

[hamonofis]

J'ai mis mes images en uoa+rx.
j'ai ajouté w pour l'administrateur

[Jo Ngoc Hang]

Petite chose qui me revient à propos de problème d'image. C'est tout bête mais j'ai déjà eu ce genre de problème sur le web et comme une étourdie j'avais essayé avec une image en mode colorimétrique CMJN. Sur certains navigateurs (comme l'ami Internet Explorer) les images en CMJN ne s'affichent pas.

Si vous utilisez Firefox ou Opera, oubliez ma remarque !

[hamonofis]

Merci mais j'utilise firefox
Votre remarque me sera utile pour justement améliorer la compatibilité avec IE

[hamonofis]

Bonjour,
Bon après pas mal de recherche sans résultat je suis passé à un autre template
qui visiblement est plus facilement modifiable.
Donc même si je ne comprends toujours pas pourquoi cela ne fonctionne pas
disons que le poste est résolu.
Merci aux personnes qui m'ont aidé et particulièrement à Divine

[fafa08]

Bonjour,

Pour moi, cette solution marche bien, j'avais un problème au niveau de mon CSS.

body {
background-color: #ffffff;
background: white url('../img/fond.jpg') repeat-x;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align:center;
}