Help with alignment issues?

**uruharacosplay** · 21 Jul 2011, 02:49 AM

What version of Zen Cart? v1.3.9

Is it a new install or an upgrade? New

What the addons/contributions you have installed?
* CEON URI
* Auto Twitter (Didn't work)
* Categories Dressing
* Additional Sidebox

What customizations have you made?
* Too many to count

Site is hosted using:
HostingDuo.com

Site: http://www.akihabaracosplay.com

Hello there!
I was Zenning along trying to learn CSS when I ran into some alignment issues with my header and footer. On my screen, everything looks aligned, but several of my beta testers have informed me that it's not so for their screen resolutions.

* I entered some new HTML into tpl_header.php and everything seemed good so far. Adjusted the left alignment and centered it, but to no avail, it seems.
* It looks like my custom header is overlapping the navigation bar where customers can go "Home" or "Login." I want to add these to my custom header, but am afraid I won't get the links to work properly.
* There is the usual nasty white space over the category tabs menu. I turned it off and I went into stylesheet.css to try and neg out that white space, but I can't seem to find the selector where I could do that.

Any help is greatly appreciated!

Love,
~Indi

**uruharacosplay** · 21 Jul 2011, 03:01 AM

Here is a reference image just in case I'm being too vague.

**uruharacosplay** · 22 Jul 2011, 06:59 AM

Great. With all of my tweaking, I broke something in the following file:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<title>Akihabara Cosplay</title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart&trade; Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com eCommerce" />
<?php if (defined('ROBOTS_PAGES_TO_SKIP') && in_array($current_page_base,explode(",",constant('ROBOTS_PAGES_TO_SKIP'))) || $current_page_base=='down_for_maintenance' || $robotsNoIndex === true) { ?>
<meta name="robots" content="noindex, nofollow" />
<?php } ?>
<?php if (defined('FAVICON')) { ?>
<link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<?php } //endif FAVICON ?>

<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER . DIR_WS_HTTPS_CATALOG : HTTP_SERVER . DIR_WS_CATALOG ); ?>" />
<?php if (isset($canonicalLink) && $canonicalLink != '') { ?>
<link rel="canonical" href="<?php echo $canonicalLink; ?>" />
<?php } ?>

<?php
/**
 * load all template-specific stylesheets, named like "style*.css", alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^style/', '.css');
  while(list ($key, $value) = each($directory_array)) {
    echo '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '" />'."\n";
  }
/**
 * load stylesheets on a per-page/per-language/per-product/per-manufacturer/per-category basis. Concept by Juxi Zoza.
 */
  $manufacturers_id = (isset($_GET['manufacturers_id'])) ? $_GET['manufacturers_id'] : '';
  $tmp_products_id = (isset($_GET['products_id'])) ? (int)$_GET['products_id'] : '';
  $tmp_pagename = ($this_is_home_page) ? 'index_home' : $current_page_base;
  if ($current_page_base == 'page' && isset($ezpage_id)) $tmp_pagename = $current_page_base . (int)$ezpage_id;
  $sheets_array = array('/' . $_SESSION['language'] . '_stylesheet',
                        '/' . $tmp_pagename,
                        '/' . $_SESSION['language'] . '_' . $tmp_pagename,
                        '/c_' . $cPath,
                        '/' . $_SESSION['language'] . '_c_' . $cPath,
                        '/m_' . $manufacturers_id,
                        '/' . $_SESSION['language'] . '_m_' . (int)$manufacturers_id,
                        '/p_' . $tmp_products_id,
                        '/' . $_SESSION['language'] . '_p_' . $tmp_products_id
                        );
  while(list ($key, $value) = each($sheets_array)) {
    //echo "<!--looking for: $value-->\n";
    $perpagefile = $template->get_template_dir('.css', DIR_WS_TEMPLATE, $current_page_

I don't get it. I've edited every single stylesheet file and I can't fix this anywhere. I'm pulling my hair out and now my website doesn't even show up! GRR! HELP!

**gjh42** · 22 Jul 2011, 02:50 PM

That's not the whole content of your html_header.php, is it? If so, you've lost big chunks of it, and need to start fresh with a copy from /template_default/common/.

**uruharacosplay** · 27 Jul 2011, 09:13 PM

I shall try again...

Thank you SO much for replying. It's so very kind of you and I deeply appreciate your help. This is my file from tpl_header.php in the template_default/common/ path. I hope it looks a bit better?

HTML Code:

<?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 [url]http://www.zen-cart.com/license/2_0.txt[/url] 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-->

<!DOCTYPE HTML PUBLIC "-//WC3//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>

<!-- Centering -->
<STYLE TYPE="text/css">
BODY { margin: 0px; text-align: center; height: 100%; width: 100%;}
</STYLE>
<!-- --------- -->

<HEAD>
<META NAME="KEYWORDS" CONTENT="">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="generator" CONTENT="CoffeeCup Visual Site Designer, Version 5.3 for Windows">

<!-- 
     The following Html Code was generated by CoffeeCup Visual Site Designer.
     Copyright 2006, CoffeeCup Software, Inc.
     [url]http://www.coffeecup.com[/url]
//-->
<TITLE> Akihabara Cosplay </TITLE>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
window.onerror = null;
manufacturer = navigator.appName;
versionnum = parseFloat(navigator.appVersion);
if (manufacturer.indexOf('Netscape') >= 0 && versionnum < 4.0)
location.href = 'http://www.akihabaracosplay.com/images/error.html';
if (manufacturer.indexOf('Microsoft') >= 0 && versionnum < 4.0)
location.href = 'http://www.akihabaracosplay.com/images/error.html';
//-->
</SCRIPT>

<STYLE TYPE="text/css">
</STYLE>

<STYLE TYPE="text/css">
DIV.Object12 { position:absolute; top:49px; left:30px; z-index:0; }
DIV.Object13 { position:absolute; top:48px; left:766px; z-index:1; }
DIV.Object14 { position:absolute; top:333px; left:23px; z-index:2; }
DIV.Object15 { position:absolute; top:192px; left:393px; z-index:3; }
DIV.Object16 { position:absolute; top:195px; left:30px; z-index:4; }
DIV.Object17 { position:absolute; top:0px; left:23px; z-index:5; }
DIV.Object18 { position:absolute; top:50px; left:238px; z-index:6; }
DIV.Object19 { position:absolute; top:115px; left:238px; z-index:7; }
DIV.Object20 { position:absolute; top:49px; left:439px; z-index:8; }
DIV.Object21 { position:absolute; top:115px; left:441px; z-index:9; }
DIV.Object22 { position:absolute; top:49px; left:639px; z-index:10; }
DIV.Object23 { position:absolute; top:116px; left:641px; z-index:11; }
</STYLE>
</HEAD>

<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0  BGCOLOR="#ffffff" LINK="#0000ff" VLINK="#800080">

<TABLE WIDTH="1000" HEIGHT="375" BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<br>
</TD>
</TR>
</TABLE>

<DIV class="Object12"><A HREF="http://www.akihabaracosplay.com" ><IMG SRC="http://www.akihabaracosplay.com/images/IMG_0.jpg"  WIDTH=191 HEIGHT=127 BORDER=0></A></DIV>

<DIV class="Object13"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_1.jpg"  WIDTH=207 HEIGHT=295 BORDER=0></DIV>

<DIV class="Object14"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_2.gif"  WIDTH=961 HEIGHT=42 BORDER=0></DIV>

<DIV class="Object15"><embed src="http://flash.picturetrail.com/pflicks/3/spflick.swf" quality="high" FlashVars="ql=2&src1=http://pic90.picturetrail.com:80/VOL2327/13108364/flicks/1/8605147" wmode="transparent" bgcolor="#000000" width="362" height="123" name="Costumes" align="middle" allowScriptAccess="sameDomain" style="height:123px;width:362px" type="application/x-shockwave-flash"></embed></DIV>

<DIV class="Object16"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_4.jpg"  WIDTH=356 HEIGHT=115 BORDER=0></DIV>

<DIV class="Object17"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_2.gif"  WIDTH=961 HEIGHT=42 BORDER=0></DIV>

<DIV class="Object18"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_6.jpg"  WIDTH=192 HEIGHT=55 BORDER=0></DIV>

<DIV class="Object19"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_7.jpg"  WIDTH=192 HEIGHT=55 BORDER=0></DIV>

<DIV class="Object20"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_8.jpg"  WIDTH=192 HEIGHT=55 BORDER=0></DIV>

<DIV class="Object21"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_9.jpg"  WIDTH=192 HEIGHT=55 BORDER=0></DIV>

<DIV class="Object22"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_10.jpg"  WIDTH=192 HEIGHT=55 BORDER=0></DIV>

<DIV class="Object23"><IMG SRC="http://www.akihabaracosplay.com/images/IMG_11.jpg"  WIDTH=192 HEIGHT=55 BORDER=0></DIV>

</BODY>
</HTML>


<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 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">
    <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>
<?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 != '') {
?>
      <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>
<?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-->

<!--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 } ?>

Thread: Help with alignment issues?

Thread Tools

Search Thread

Display

Help with alignment issues?

Re: Help with alignment issues?

Re: Help with alignment issues?

Re: Help with alignment issues?

Re: Help with alignment issues?

Similar Threads

Alignment issues with cor-left.gif

Alignment issues with the Product Page

IE issues with alignment

Help with alignment

Posting Permissions