Greg-J Posted November 21, 2014 Share Posted November 21, 2014 (edited) Bonjour à tous, D'abord merci de porter de l'intérêt à mon topic en l'ayant ouvert et lu Je créé donc ce topic suite à un problème de CSS que je rencontre en modifiant le thème par défaut, je me suis arraché pas mal de cheveux, il en m'en reste plus beaucoup donc toute aide serait la bienvenue ^^ Voici donc mon problème. J'ai modifié la page d'accueil par défaut afin d'avoir un design en 3 colonnes. Les modifications sont simples à faire et très bien expliquées dans ce tuto : http://mypresta.eu/en/art/prestashop-16/prestashop-16-theme-like-template-from-15-version.html Le problème c'est qu'après modification, on a un petit décallage vers le bas de la colonne gauche, on le voit bien sur le dernier screenshot du front office en bas de l'article sur le tuto. Mon problème est donc de réessayer de rétablir les 3 colonnes à la même hauteur. Avec Firebug, ou alors en ajoutant le simple code CSS à la fin du fichier global.css suivant, ... #left_column { background: yellow; } ... on voit très rapidement qu'on a problème de padding dans la colonne de gauche (enfin, pour moi ça a l'air d'être un problème de padding, les blocks à l'intérieur de la colonne n'ont pas de margin-top, seulement un margin-bottom...). J'ai donc réussi à tout réaligner en appliquant des marges intérieures au deux colonnes suivantes, ou des marges supérieures au contenu des colonnes avec le code suivant : #informations_block_left_2 { margin-top: 18px; } div#center_column { margin-top: 18px; } Ca résout mon problème mais ca créé un léger décallage sur les autres pages autres que la page d'accueil et c'est un peu trop "bidouillage" à mon goût. Je pense que le problème serait résolu si le contenu de la première colonne remontait mais j'ai longtemps cherché et je n'ai pas trouvé... Je vous lance donc un énorme appelle au secours, quelqu'un sera t-il capable de m'aider ?? D'avance merci ! Edited November 21, 2014 by Greg-J (see edit history) Link to comment Share on other sites More sharing options...
prestasafe Posted November 21, 2014 Share Posted November 21, 2014 Bonjour, Dans Prestashop, chaque "pages" (category,product etc..) ont un ID different sur le <body> sur la homepage le body à l'ID #index donc si tu fais #index #informations_block_left_2 { margin-top: 18px; } #index div#center_column { margin-top: 18px; } ça ne sera pris en compte que sur la page d'accueil. J'espère que ça va résoudre ton problème Link to comment Share on other sites More sharing options...
Greg-J Posted November 24, 2014 Author Share Posted November 24, 2014 Hello, Merci pour ta réponse. Malheureusement cela ne répond pas à mon problème car ton code fais exactement la même chose que le mien et ce n'est pas ce que je veux faire. Je veux tout mettre à la même hauteur mais je souhaite bouger la première colonne (#left_column) pour la mettre à la même hauteur que les autres et non bouger les autres pour la mettre à la même hauteur. De plus ton code me les met effectivement à la même hauteur sur la page d'accueil mais j'aurai le déséquilibre de présent sur les autres pages, ce qui ne répond pas au problème :/ Link to comment Share on other sites More sharing options...
prestasafe Posted November 24, 2014 Share Posted November 24, 2014 OK j'avais mal compris la chose, peux mettre l'adresse de ton site que je regarde avce le débugger ? Link to comment Share on other sites More sharing options...
Greg-J Posted November 24, 2014 Author Share Posted November 24, 2014 Pas de soucis ! Le site n'est pas encore en ligne (je finis le thème d'abord...), c'est une installation en locale. Mais le CSS n'a pas été modifié (en tout cas rien qui touche au positionnement, j'ai juste changé quelques couleurs pour l'instant, c'est tout). J'ai juste installé Prestashop en local en suivant le tutoriel qui j'ai cité et modifier la position de certains modules dans les colonnes (ce qui n'a influé en rien sur ce décallage). Link to comment Share on other sites More sharing options...
prestasafe Posted November 24, 2014 Share Posted November 24, 2014 Ok désolé j'avais mal compris Dans ce cas la je fais un petit "hack" de ce genre: #left_column{ margin-top: -17px; } Essaye et dis moi. Link to comment Share on other sites More sharing options...
Greg-J Posted November 24, 2014 Author Share Posted November 24, 2014 Hello, Super ça marche. Ce que je trouve bizarre c'est que je l'avais essayé mais directement via Firebug et ça n'avait pas fonctionné. Maintenant au moins je sais que l'éditeur live de Firebug n'est pas forcement fiable à 100%. On a toujours un décalage d'un pixel sur les certaines autres pages (page produti par exemple), mais c'est parce qu'il y a pleins de petits défaut comme celui-ci sur le thème par défaut, je vais essayer de tous les résoudre un par un pour lui donner l'équilibre qu'il mérite et pour pouvoir l'exploiter et remodeler à partir d'une base propre. En tout cas merci à toi. Link to comment Share on other sites More sharing options...
prestasafe Posted November 24, 2014 Share Posted November 24, 2014 De rien, j'ai également fait le test avec le débugger de chrome. Bon courage pour le suite Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now