Problem affichage theme prestashop

[zabusa]

bonjour a tous

 

actuellement je suis entrain de me familiarisé avec prestashop

 

j'ai réussi a convertire un theme a la base pour du 1.3 que j'ai acheter

 

pour etre sur 1.4

 

voila seul souci au niveau de l'affichage tout c'est décalé sur la gauche voici le lien http://prestateste.comlu.com/

 

et j'ai quelque souci pour identifier la source du problème j'ai deja regarder le fichier global.css

 

mais je doit pas être dans le bon

 

si vous pouvais m'aidez je serrai extrêmement reconnaissent

 

 

 

bonne soirée a tous

[Stéphane Chonez]

bonjour,

 

votre URL n'est pas bonne !!!

[zabusa]

je viens de tester elle fonctionne

 

peut être faut il la placé dans la barre directement

 

désolé de se souci

[Stéphane Chonez]

ok ça re-fonctionne!

 

pour moi le pb provient du fait que l'ensemble de votre contenu (header, column, footer) n'est pas encapsulé dans une div qui aurait par exemple 990px de large et alignée au centre de la page....

Dans le thème par défaut ces éléments sont placés dans une <div id="page">

 

dans votre header.tpl placez l'ouverture de la div au dessus du header :

<div id="page">
  <!-- Header -->
<div id="header">

 

enfin la fermeture de la div se fait dans le fichier footer.tpl

<!-- Footer -->
		<div id="footer">{$HOOK_FOOTER}</div>
	</div>
{/if}
</body>
</html>

 

ensuite pour les CSS dans globall.css

#page {
width: 990px;
margin: 0 auto;
}

[zabusa]

de retour , après avoir tester de se que vous m'avais dit rien ne changer

 

je vous remercie de vous intéresser a mon problème

 

 

ps: je re steste car tout ne c’était pas affiché dsl

 

donc je confirme se la na pas changer sauf erreur de ma part

[zabusa]

si se la peut aider

 

je peut déposer les fichier en pièces jointe ?

[daYmo]

Bonjour,

 

je commencerai par corriger les erreurs : validator.w3.org/check?uri=http%3A%2F%2Fprestateste.comlu.com

 

Tu as effectivement dans ton hearder 2 fois la liste header_links

 

<img class="twisty " role="presentation" /><ul id="header_links">

 

<img class="twisty " role="presentation" /><div id="search_block_top">

 

<img class="twisty " role="presentation" /><script type="text/javascript">

 

<img class="twisty " role="presentation" /><div id="header_user">

<img class="twisty " role="presentation" /><ul id="header_links">

 

Ensuite ce thème était payant ? No comment ...

 

Regarde aussi si les positions des modules sont les mêmes que sur ton ancienne version...

Back office > Modules > position > header of page et top of page

[zabusa]

oui payant je les acheter sur templatmonster

[zabusa]

si je me trompe pas j'ai supprimé les doublon

[Stéphane Chonez]

hello,

 

je confirme le pb d'encapsulage mais bon!!

 

sinon tu peut arriver à un résultat en modfiant div#header dans gloall.css ligne 327:

div#header {
   background: url("../img/bg_header.png") no-repeat scroll 0 0 transparent;
   padding: 274px 0 0;
   position: relative;
   margin: 0 auto;
   width: 990px;
}

 

ensuite pour #columns ligne 83, il faut retirer le float:left; et ajouter le margin:0 auto;

 

et enfin le footer (ajout margin et width)

#footer {
   background: url("../img/bg_footer.png") no-repeat scroll 0 0 transparent;
   clear: both;
   height: 225px;
   margin: 0 auto;
   width: 990px;
}

 

ça fonctionne chez moi mais c'est pas optimisé à mon sens.... il faut mieux déclarer une div qui regroupe le header, les columns et le footer et lui donner une largeur fixe et l'aligner au centre....