Jump to content

RESOLU Problème avec intégration de la bannière (header)

Sumy

By Sumy
in PrestaShop pour les développeurs

 Share

Recommended Posts

Sumy Newbie

Sumy

Posted
Posted

Bonjour,

J'ai suivi les indications trouvées sur différents posts de ce forum concernant l'intégration de header. Finalement j'ai supprimé le fichier header.jpg d'origine et j'ai renommé ma bannière de la même façon "header.jpg" ainsi je n'ai pas eu à modifier les fichiers header.tpl et global.css (je pense qu'ils sont intact car je les ai bidouillés mais ensuite je les ai remis comme à l'origine).

Résultat (voir capture d'écrant en pièce jointe) : ma bannière apparait bien en place mais tout le reste de la page d'accueil est décallé :
- les liens accueil; meilleures vente ; nouveautés, CGV et contact sur la gauche en colonne au lieu d'être alignés en bas du header
- tous les modules sont décallés sur la gauche.

voici des extraits de mon global.css :

h1#logo {
   float: left;
   width: 29%;
   margin-top:0.5em;
}
#header {
   float: left;
   background-image:url(../img/header.jpg);
   background-repeat:no-repeat;
   height:161px;
   width: 980px;
   text-align: right; 
   margin-bottom:1px;    


} 

#menu {
   margin: 0;
   padding: 0;
   position: absolute;
   margin-top: 58px;
   margin-left: 1px;
   _margin-top: 0px;
   _margin-left: -980px;
   *margin-top: 40px;
   *margin-left: -980px;
   height: 20px; 
}

#menu ul {
margin: 0;
list-style-type: none;
height: 25px;  

}

#menu ul li {
float: left;
height: 18px;
margin-right: 0px;
border-right: 1px dotted #BFB09D;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding: 0 36px;
line-height:18px;
}

#menu ul li a {
color: #BFB09D;
text-decoration: none;
}

#menu ul li a:hover {
color: #F6AF2C;
text-decoration: underline;
}

#menu ul li ul {
display: none;
}



et de mon header.tpl

{$HOOK_HEADER}
   </head>

   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}


           <!-- Header -->


                   {$HOOK_TOP}    




                     <!-- Menu -->


{l s='Accueil'}
{l s='Nouveautés'}
{l s='Meilleures ventes'}    
{l s='C.G.V'}
{l s='Contact'}  












             



           <!-- Left -->

               {$HOOK_LEFT_COLUMN}


           <!-- Center -->

   {/if}
Link to comment
Share on other sites
  • 1 year later...

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
 Share
Go to topic listing
×
×
  • Create New...