Jump to content

couleur de fond


Recommended Posts

Bonjour, je débute sur prestashop, et ce forum m'est bien utile, je remercie la communauté active et réactive !
Mon problème : mon site est en trois langues, cependant la version française comporte une différence d'affichage; le milieu de la page est blanc, alors qu'en espagnol ou anglais il est noir (il utilise une image nommée "bg_main_grad.jpg" pour être plus préçis).
J'ai bien compris qu'il faut fouiller les fichiers CSS et TPL, mais là je sèche...

Mon site si vous voulez y jeter un oeil : http://crazy-bastard.fr/

En vous remerciant.

Link to comment
Share on other sites

Merci de ta réponse, mais à cet endroit, le bloc de code est le suivant:

body {min-width:1030px;background:none;font:normal 12px "Arial";color:#fff;}

div#wrapper1 {background:url(../img/bg_main_grad.jpg) 0 0 repeat-x fixed #000;}
div#wrapper2 {background:url(../) 0 0 no-repeat fixed;}

div#page {text-align:left;}

Alors le truc, c'est que cette image (img/bg_main_grad.jpg), je l'ai supprimée du ftp, et c'est une autre toute noire qui la remplace, mais à un autre endroit : au tout début de ce code (qui est le fichier style.css)

body {min-width:1030px;background:none;font:normal 12px "Arial";color:#fff;}

div#wrapper1 {background:url(../img/bg_main.jpg) 0 0 repeat-x fixed #000;}
div#wrapper2 {background:url(../img/bg_main.jpg) 0 0 no-repeat fixed;}

div#page {text-align:left;}


Ce qui est bizzare, c'est que les versions anglaises et espagnoles du site s'affichent correctement... Et il me semble qu'il n'y a qu'un seul fichier style pour les trois langues.

Peut-tu y faire un tour si tu as le temps,

c'est à cette adresse : http://crazy-bastard.fr/

Les boutons pour changer de langue sont en haut à droite.

Link to comment
Share on other sites

J'ai Trouvé le pb grâce à Firebug -> en survolant l'arbre du DOM, il surligne en bleu les blocks. On peut voir alors comment se comportent les blocs wrapper... je vous invite à tester

ce qui ce passe, c'est que le block div#wrapper1 n'englobe pas bien toute la page,
donc le fond noir correspond a ce qu'il arrive a englober --

le truc un peu mystérieux c'est qu'il n'englobe pas le contenu de la même manière selon la langue :
en ES et EN il prend tout
en FR il s'arrête au header... pkoi ? mystère

2 solution au choix

1\ la balise body correspond a toute la page
donc si tu lui colle un fond noir il ira forcément jusqu'en bas
body {background-color:black}

2\ On peu forcer div#wrapper1 à bien englober tout ce qu'il contient grâce au paramètre overflow
div#wrapper1 { overflow:hidden }

pa.

Link to comment
Share on other sites

Merci Peha,

ça marche; effectivement un mystère ce truc...

Puis-je te demander autre chose:

Dans ma catégorie produit, la taille des icônes produits fait 129X129, et j'aimerai les voir plus grandes (400x400).Ca se gère via l'admin du site, mais j'ai essayé (en regénérant les images) mais même en grande taille il ne m'apparaît qu'un petit rectangle vide...

En te remerciant d'avance.

Link to comment
Share on other sites

Un autre truc m'interroge, c'est que dans la feuille de style ou j'ai collé le code que tu m'as donné, il y a des blocs qui sont répétés plusieurs fois, et je ne sais pas lesquels agissent vraiment.

Je change les codes couleurs des noms de menu mais rien ne se passe...

Excuse moi de te poser toutes ces questions, mais tu as l'air de t'y connaître...

Et le wrapper 1, il fait appel à une couleur ou une image ?

body {min-width:1030px;background:url(../img/bg_main.jpg) 0 0 no-repeat fixed;font:normal 12px "Arial";color:#fff;}

div#wrapper1 { overflow:hidden }
div#wrapper2 {background:url(../img/bg_main.jpg) 0 0 no-repeat fixed;}

div#page {text-align:left;}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...