header alignment problems and missing items

[bodkin77]

Hi there,

Problem 1: large gap under my 2 logos and tagline
Problem 2: search bar and language options missing from header (Aberdeen Neutral template)
Site: http://asia-sell.com/store

I have installed the Aberdeen Neutral template in my zen-cart site. I changed the logo image and it was fine. Then I tried to add another logo to the right of the first one. I found that despite putting float:left in the css file for #logo2, the second logo still ends up underneath (and to the right of) my first logo. I "fixed" this with the following line...

#logo2 {position:relative; top:-198px; left:315px; }

However, now I have a yawning gap under my logos and tagline. The following PHP code I put into public_html/store/includes/languages/english/aberdeen_neutral/header.php:

define('HEADER_LOGO2_WIDTH', '159px');
define('HEADER_LOGO2_HEIGHT', '158px');
define('HEADER_LOGO2_IMAGE', 'logo - pangea covered 159x158.jpg');

and the following PHP code I put into public_html/store/includes/templates/aberdeen_neutral/common/tpl_header.php

<div id="logo2"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO2_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO2_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>

thanks.

[kobra]

I am only seeing a blank page
http://www.zen-cart.com/content.php?...t-of-a-page%29

[bodkin77]

Hi Kobra, the blank page was due to an accidental folder deletion but I fixed it! I have messed around with the float settings some more and swapped around the order of the div id's (for logo and logo2) in the tpl_header.php file. I have got the arrangement looking more respectable.

The layout is almost what I want in Firefox, but I want to move the tagline up and under the globe. I tried adding the following code for both the #tagline and #taglinewrapper tags to no avail...

position:relative; top:-30px; left:340

Another thing... the arrangement looks different in Chrome (one logo is under the other).

Maybe I need to assign dimensions to the logo, logo2, and tagline wrappers? If this is the solution then how do I do this? When I inspect the elements in Chrome I can see the dimensions in the html code but how to edit this? I am guessing that this html code is autogenerated from the php code that I write? Sorry, new at all this. I learned a bit of html but I can't even edit that as far as i know

[kobra]

I would scrap the logo2 insert and make this a background image 950px wide and ?? high - all white except for the image