Creation de sa propre bannière prestashop 1.5.4.1

[LDSTE]

Bonjour,

 

J'aimerais savoir comment creer sa propre banière dans prestashop 1.5.4.1

 

j'ai commencé avec le fichier "header.tpl", auquel j'ai rajouté :

 

<div id="banniere">
<a href="http://olidupont.olikeopen.com/index.php"> </a>
</div>

 

entre :

 

<div id="page" class="container_9 clearfix">

  <!-- Header -->
  <div id="header" class="grid_9 alpha omega">

 

ce qui me donne :

 

  <div id="page" class="container_9 clearfix">



<div id="banniere">
<a href="http://olidupont.olikeopen.com/index.php"> </a>
</div>



  <!-- Header -->
  <div id="header" class="grid_9 alpha omega">

 

Puis dans global.css :

 

#banniere {
    background: url('../img/banniere.jpg')  top left;
    background-repeat: no-repeat;

    float: left;
    height:45px;
    width: 100%;
}
#banniere a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
}

 

 

Malheureusement, ma bannière se retouve au-dessus de mon logo et elle ne prend pas tout la largeur de la page... (j'ai mis en piece jointe une photo)

 

 

quel est le problème ?

Est-ce que je mis prend bien ou c'est une autre manip !?

 

Merci d'avance ;-)

[Juda]

Bonjour,

 

si vous souhaitez faire de l'intégration (CSS, HTML, JS) il faut vous aussi les outils adéquates.

Je vois que vous utilisez Mozilla Firefox, je vous conseille donc de rajouter le plugin FireBug à votre navigateur. Il vous permettra d'en savoir un peu plus sur le css de votre page (entre autre), et nous falitera la taĉhe pour vous aider.

 

Plusieurs Tuto de Firebug sont disponible sur le net, ou même dans ce forum.

 

Cordialement,