navMainWrapper x logoWrapper CONFLICT

[miles]

im having problem with my navBar after replacing my tpl_header.php with the one id download from zen site ('alternative_header_1.1') just to change both positions.

look at pic (1) the gray bar lining just fine at the top.

look at pic (2) after trying to place the gray bar below the logo, u see what i meant..

anybody know how to fix it??

im using template_default.

[kobra]

See the problem...have a url to attempt to see why?

[miles]

here's the link to my testing site..http://mens-designer-jackets.com/myzen/..

[kobra]

This code appears to be mis-aligned:

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="http://mens-designer-jackets.com/myzen/"><img src="includes/templates/my_design/images/logo.gif" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="192" height="64" /></a></div>
    <div id="taglineWrapper">
      <div id="tagline">TagLine Here</div>

    </div>
</div>
<!--eof-branding display-->


<!--bof-header logo and navigation display-->

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><a href="http://mens-designer-jackets.com/myzen/">Home</a></li>

    <li><a href="http://mens-designer-jackets.com/myzen/index.php?main_page=login&amp;zenid=d8d213ec17c794ab114605075a264cf6">Log In</a></li>

</ul>
</div>
<div class="navMainSearch forward"><form name="quick_find_header" action="http://mens-designer-jackets.com/myzen/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="hidden" name="zenid" value="d8d213ec17c794ab114605075a264cf6" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<input type="submit" value="Search" style="width: 45px" /></form></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--eof-header logo and navigation display-->

should be more like:

<!--bof-header logo and navigation display-->

<div id="headerWrapper">

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="http://mens-designer-jackets.com/myzen/"><img src="includes/templates/my_design/images/logo.gif" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="192" height="64" /></a></div>
    <div id="taglineWrapper">
      <div id="tagline">TagLine Here</div>

    </div>
</div>
<!--eof-branding display-->

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><a href="http://mens-designer-jackets.com/myzen/">Home</a></li>

    <li><a href="http://mens-designer-jackets.com/myzen/index.php?main_page=login&amp;zenid=d8d213ec17c794ab114605075a264cf6">Log In</a></li>

</ul>
</div>
<div class="navMainSearch forward"><form name="quick_find_header" action="http://mens-designer-jackets.com/myzen/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="hidden" name="zenid" value="d8d213ec17c794ab114605075a264cf6" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<input type="submit" value="Search" style="width: 45px" /></form></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--eof-header logo and navigation display-->

[miles]

i used notepad++ to edit my tpl_header.php. id place the 2 codes that u pointed out to be mis-aligned

<!--bof-header logo and navigation display-->

<div id="headerWrapper">

and placed it to the top. is it correct? because nothings change.. id used this alternative_header 1.1 with classic green template before and it works fine. do you think theres other possibilities..?

[kobra]

I should have been more clear about what I was highlighting in red....as it was all the code that followed the highlight from the BOF to the EOF that was mis placed. below is what you want in full to replace the same items between the first BOF and the last EOF

<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="headerWrapper">

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div class="navMainSearch forward"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->
<!--eof-header logo and navigation display-->

[miles]

thanx a lot kobra.. its fixed perfectly..

now i can get some sleep...more modification troubles coming up..