Hi raymond1965,

I do something similar and have a logo on the left of the header, an image across the middle and a shopping cart icon on the right.

I do this all in the Page Banner field within the configuration -> Options admin page.

My banner is like this:

<div style="background-color: #ffffff; width:100%; text-align:center; padding-top:10px; margin-top: 20px; min-width: 800px; vertical-align:top;">
  <div style="width:200px; text-align:center; float:left;">
    <a href="http://www.blahblah.co.uk/core/piwigo/index.php" title="Home Page">
    <img height="125px" src="http://www.blahblah.co.uk/core/images/logo.png" alt="Logo" />
    </a>
  </div>
  <div style="width:200px; height: 150px; text-align:center; float:right; position: relative">
    <div style="position: absolute; bottom: 0%; right: 10%;">
      <a href="http://www.blahblah.co.uk/core/piwigo/index.php?/page/Cart" title="View Basket">
      <input type="text" id="cartContents"; style="width:100px; height:100%; border:0; background-color:white; text-align:right" value="" readonly>
      <img height="48px" style="vertical-align: bottom;" src="http://www.blahblah.co.uk/core/images/cart.png" alt="View Cart" />
      </a>
    </div>
  </div>
  <div style="text-align:center; width:500px; margin: auto;">
    <a href="http://www.......link to page" title="My Website"><img height="150" src="http://www.blahbalh.co.uk/core/images/mainimage.png" alt="Welcome To My Website" />
    </a>
  </div>
</div>

I hope that helps!

Last edited by flop25 (2013-09-11 11:13:52)

I'll try Ramond! :)

So are you left with something like this:

<div style="background-color: #ffffff; width:100%; text-align:center; padding-top:10px; margin-top: 20px; min-width: 800px; vertical-align:top;">
  <div style="width:235px; text-align:center; float:left;">
    <a href="http://www.blahblah.co.uk/core/piwigo/index.php" title="Home Page">
    <img height="114px" src="http://www.blahblah.co.uk/core/images/logo.png" alt="Logo" />
    </a>
  </div>
  <div style="text-align:center; width:800px; margin: auto;">
    <a href="http://www.......link to page" title="My Website"><img height="200" src="http://www.blahbalh.co.uk/core/images/mainimage.png" alt="Welcome To My Website" />
    </a>
  </div>
</div>

?

Do you want to send me your current code and I'll play about with it, also any screen shots so I can see your problem?

Good point flop25, firebug helps so much with being able to play with style and settings within a page so you can see the impact of changes. I used it to get my header working properly.

High Five!