moving the home log in

[DivaVocals]

Forgot to include this.. http://clients.overthehillweb.com/curlzgonewild/

[gjh42]

There is styling that goes with this to get the elements arranged properly. Also, you have a declaration in your stylesheet that prevents the correct styling from taking effect.

#navMain ul {  <----------------------delete this declaration
	float:none; margin: 0 auto  <---this is making the "home" list take full width
	} 
/*add these to your stylesheet*/
#contentMainWrapper {clear: both;}
#navMain {float: left;}
#navEZPagesTop {float: right;}

[DivaVocals]

There is styling that goes with this to get the elements arranged properly. Also, you have a declaration in your stylesheet that prevents the correct styling from taking effect.

#navMain ul {  <----------------------delete this declaration
    float:none; margin: 0 auto  <---this is making the "home" list take full width
    } 
/*add these to your stylesheet*/
#contentMainWrapper {clear: both;}
#navMain {float: left;}
#navEZPagesTop {float: right;}

Thanks Glenn.. I'd been hacking away at this stylesheet before I posted 'cause I was starting to suspect that my issue was buried therein.. Got this all working pretty much the way I wanted.. (I would have preferred to keep the rounded background behind the links, but I'll live with this the way it is..) Thanks a heap for your intervention..

[DivaVocals]

Hate to bump this old post, but I wanted to update with new information. I needed to move the "navMain" links to the "EZPages" links location (below the header)..

Turns out that moving the navMain links to the EZPages links section is only part of the solution. I found I needed to add a new ID to my stylesheet to make the links play nice together. So I updated my tpl_header.php file to include a new container for my consolidated menu as follows:

<?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
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>

<?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 {

}
?>


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

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--bof-branding display-->
<div id="logoWrapper">
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
              }
?>
<?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>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding 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-->

<!--Begin consolidation of navMain & TopEZPages links-->
<div id="navConsolidated">
<!--bof-header navMain-->
<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>
<!--eof-header navMain links-->
<!--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>
<!--End consolidation of navMain & TopEZPages links-->
</div>
<?php } ?>

I added the "navConsolidated" ID to my stylesheet. I put my menu background image here, and removed the background attributes from the "navMain" and "EZPages" sections of the stylesheet.

Here's my stylesheet entries that I used to get my consolidated top menu playing nice together..

#navMainWrapper {
    display: none;
    }

#navConsolidated {
    background-image: url(../images/TopToolbarBackground.png);
    height:36px;
    background-position: bottom; 
    background-repeat: no-repeat;
    background-color: #383E44;
    color: #383E44;
    font-weight: bold;
    }

#navEZPagesTop {
    margin: 0.5em;
    padding: 0.5em 0.3em;
    float: right;
    }

#navMain ul {
    margin: 0em;
    padding-left: 0.3em;
    list-style-type: none;
    }

#navMain ul li {
    display: inline;
    }

#navMain ul li a {
    margin-top: 0.5em;
    padding-top: 0.5em;
    padding-right: 1.5em;
    text-decoration: none;
    color: #FFFFFF;
    float: left;
    white-space: nowrap;
    }

Hope this is useful to someone else.. I'm sure the experts here will let me know if I've gotten any of this wrong.. So far it is all working well..

[DivaVocals]

Correction to stylesheet entries to make the navMain and EZPagesTop links line up vertically correctly. The correction is highlighted in red..

#navEZPagesTop {
    margin: 0.5em;
    padding: 0.5em 0.3em;
    float: right;
    }

#navMain ul {
    margin: 0.5em;
    padding-left: 0.3em;
    list-style-type: none;
    }

[monkeypeach]

Hope this is useful to someone else.. I'm sure the experts here will let me know if I've gotten any of this wrong.. So far it is all working well..

Thanks, just what I needed. One thing though, how do I go about changing my font etc, so it matches my ez pages links?

http://www.monkeypeach.co.uk/

[cjsmiff]

Thanks, just what I needed. One thing though, how do I go about changing my font etc, so it matches my ez pages links?

http://www.monkeypeach.co.uk/

Did anyone find an answer to this please?

I'm having colour issues with the ezpage top nav links being the same colour as the general site links instead of the ezpage links.

http://mykspa.co.uk/index.php

Many thanks
Claire

[kobra]

I'm having colour issues with the ezpage top nav links being the same colour as the general site links instead of the ezpage links.

?????
You can add the following to adjust the ezpage links
Hope that is wat you were trying to say

#navEZPagesTop a{
        color: #ffffff;
        }

[cjsmiff]

Thanks, just what I needed. One thing though, how do I go about changing my font etc, so it matches my ez pages links?

http://www.monkeypeach.co.uk/

?????
You can add the following to adjust the ezpage links
Hope that is wat you were trying to say

#navEZPagesTop a{
        color: #ffffff;
        }

Thank you soooooo much it was starting to drive me a little mad. It's been a long night/week () lol!

Cheers
Claire