Banner alignment problem

[schoolboy]

Anita:


(BEFORE YOU START - BACKUP any php files first... !)


Get your modified LOGO here:

http://www.edutrade.co.uk/images/temp/logo.jpg

SAVE IT to the following on your server...

/includes/templates/custom/images/

You will see it's a JPG image, so you will need to modify the DEFINES for it in:

includes/languages/english/header.php

The settings you will need are:

// added defines for header alt and text

  define('HEADER_LOGO_WIDTH', '969px');
  define('HEADER_LOGO_HEIGHT', '240px');
  define('HEADER_LOGO_IMAGE', 'logo.jpg');

Then use this MAP code to create the image map in tpl_header.php as described in other postings.

<div id="headerWrapper">
<!--bof-branding display-->
    <div align="center"><img src="includes/templates/custom/images/logo.jpg" width="969" height="240" border="0" usemap="#Map">
   <map name="Map">
    <area href="http://anitastergioudesigns.com/shoppe" shape="rect" coords="81, 165, 182, 212">
    <area href="http://anitastergioudesigns.com/studio" shape="rect" coords="320, 165, 422, 212">
    <area href="http://anitastergioudesigns.com/chatter" shape="rect" coords="483, 165, 582, 212">
    <area href="http://anitastergioudesigns.com/blog" shape="rect" coords="688, 165, 787, 212">
    <area href="http://anitastergioudesigns.com/team" shape="rect" coords="852, 165, 950, 212">
   </map>
 </div>

(Naturally, you must check the hyperlinks - <a href=...> to make sure they point at the pages you want them to...)

YOU MAY ALSO HAVE TO alter wrapper widths in your stylesheet - I see you've been playing with these and seem to have deleted #logowrapper... In fact, I am sure you will have to adjust the stylesheet for wrapper widths.

To assist you here... The logo.jpg image (taken off your site, is 969px wide and 240px high)

[digiVixen]

Thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you!

I'll try it and let you know how I go.

[digiVixen]

Awesome. I got through it all up to the stylesheet.

Not sure about the #logo wrapper. I've done only the teensiest editing on the stylesheet myself, mostly changing colour codes - although the site was initially installed and set up by someone else.

I've never touched the #logo wrapper part of it and it seems to match what's in the unedited Zen download?

Hints please...

[fairestcape]

We will need to try a few things...

The image is now mapped, but we may have to put back various elements into your current tpl_header.php file.

Could you post the CODE of this file please? (use the # symbol above to wrap the text in code tags)

[alisia]

I am having a similar problem, site is www. uk brands abroad.com
The banner which sits on top of the site looks fine in mozilla but not in chrome, safari or internet explorer.

what can I do I am relatively new at all this so please just give it to me in basic terms.

thanks