Layout/Nav Problems!! 1 step forward - 2 steps back

[stjude]

Well I finally got my main nav lined up with my ezpages - even got the currency and language links showing properly.... i

However........................... Now I have a white space under the nav bar and my side borders have disappeared (in both FF and IE)

http://judysgems.com/ZenCart/

Can somebody please help me before I have to call the men in the white coats

Judy

[seethrou]

Please refer to the topic below for detail.
Gap in Header & Logo need full border around table

If still not solve your problem, please post back.

.

[stjude]

Thanks - I've read and reread that thread and I've been playing around with wrapper margins for hours now. The only thing I managed to do was to get rid of the "white" space in FF - but it now has "home" all by itself above the other links! IE still shows a white space.

I have a border for the main wrapper which was working fine until yesterday.

Btw, if I get this sorted out , how do I add the :: between the links like the breadcrumbs nav has???

Judy

[seethrou]

Thanks - I've read and reread that thread and I've been playing around with wrapper margins for hours now. The only thing I managed to do was to get rid of the "white" space in FF - but it now has "home" all by itself above the other links! IE still shows a white space.

For the problem - "home" all by itself above the other links!

In your stylesheet line 278 - 284

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.1em;
margin: 0;
float: left; /* This one should not in here! */
color: #000000;
}

The above float: left; should not been used because the codes <ul class="back"> in file tpl_header.php already take care of it.


For the problems of

Btw, if I get this sorted out , how do I add the :: between the links like the breadcrumbs nav has???

You can add

 :: 

to the end of the links.

And for both of the above separator and the "white" space in FF and IE,
I have modified and tested the tpl_header.php which work in my side, I give below for your reference.
Please test and feedback.


To test, please first backup your file of:
includes/templates/YOUR_TEMPLATE/tpl_header.php

And then copy all the fillowing codes and replace all the codes in your file:
includes/templates/YOUR_TEMPLATE/tpl_header.php

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * modified by bunyip to include language/currency selection links in header navigation section
 * @version $Id: tpl_header.php  2006-05-31 bunyip $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>
<!-->
<link href="/includes/templates/future_zen_2/css/ie.css" media="screen" rel="stylesheet" title="Future Zen 2 Theme" type="text/css" />
<!-->
<!--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>
<!-- Remove blank space - <br class="clearBoth" /> -->
<!--eof-branding display-->

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<div id="navMainMySeparator">    
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>&nbsp;::&nbsp;
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>&nbsp;::&nbsp;
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>&nbsp;::&nbsp;
<?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>&nbsp;::&nbsp;
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
</div>
<!-- <div class="navMainSearch forward"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div> -->

<!-- bof languages/currencies header display -->
<div id="navCurrenciesWrapper" class="forward">
<?php 
  if (HEADER_LANGUAGES_DISPLAY == 'True') require(DIR_WS_MODULES . 'header_languages.php');
  if (HEADER_CURRENCIES_DISPLAY == 'True') require(DIR_WS_MODULES . 'header_currencies.php');
?>
</div>
<!-- eof  languages/currencies header display -->

<br class="clearBoth" />
</div>
<!--eof-navigation display-->

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

<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?>

Please note:
1. It is hard to read your links text which in dark background color.
2. For the above issue and testing, I had added the <div id="navMainMySeparator"> and, add #navMainMySeparator in the stylesheet, add another color setting for the separators only.
If you don't need it, please take out the <div id="navMainMySeparator"> and the first </div> below it in the codes.

I have a border for the main wrapper which was working fine until yesterday.

Another problem?

[stjude]

I've had a "double virus" here (both my computer and myself :) so I haven't been able to work on this for a while.

Now I finally had a chance to try out your solutions and THEY WORKED PERFECTLY!!

Thank you sooooooooooooo much for taking the time to help me - it is really appreciated

Judy

[seethrou]

Glad to hear that you have the problem solved.

.