Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changes to Header - Align


mkdesigns

Recommended Posts

Okay, I need to align everything in my header... and fix the lines. I am not sure exactly how I got the lines in the first one, but am wanting to make the lines appear like the bottom image shown. How do I align the items in the header to look like the bottom image? The first image is what it currently looks like. Thanks!

example.jpg

 

example2.jpg

 

And I'm not sure why in the top image my nav items are all arranged backwards. Thanks!

Link to comment
Share on other sites

Where are these missing from? Thanks!

Your entire header.php. Start at the top and work your way down. You will notice for example

<table>
<td><div>
<ul>
<li></li>
</ul>
</td>
</div>
</table>

I don't want to post the actual source code in case you did not want your url shown, even though it is here.

Link to comment
Share on other sites

Thanks! I made those changes, but I still can not seem to get everything to align like I want it. Also, the Home Designers... is all going in the reverse direction. Why is that? Thanks!

I don't see that those changes have been made. Why don't you post your header.php.

Link to comment
Share on other sites

<?php
/*
 $Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License

 LoginBoxV6.0 in header  
 Style #2 login form and my account links in table row with logo. Image based links   
##################################################################
IMPORTANT NOTE:
 This is not part of the official osC distribution
 but an add-on contributed to the osC community. Please
 read the README document that are provided
 with this file for further information and installation notes.

 This puts a login request in a box with a login button.
 If already logged in, will not show anything.

 Modified to utilize SSL to bypass Security Alert

 LoginboxV5.4_header http://avzwebdesign.nl/oscommerce/
##################################################################

*/

// check if the 'install' directory exists, and warn of its existence
 if (WARN_INSTALL_EXISTENCE == 'true') {
   if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
     $messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
   }
 }

// check if the configure.php file is writeable
 if (WARN_CONFIG_WRITEABLE == 'true') {
   if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
     $messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
   }
 }

// check if the session folder is writeable
 if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
   if (STORE_SESSIONS == '') {
     if (!is_dir(tep_session_save_path())) {
       $messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
     } elseif (!is_writeable(tep_session_save_path())) {
       $messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
     }
   }
 }

// check session.auto_start is disabled
 if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
   if (ini_get('session.auto_start') == '1') {
     $messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
   }
 }

 if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
   if (!is_dir(DIR_FS_DOWNLOAD)) {
     $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
   }
 }

 if ($messageStack->size('header') > 0) {
   echo $messageStack->output('header');
 }
?>
<table align="center" border="0" width="895"><tr><td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr class="header">
   <td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'logo.jpg', 'Paiging Joy') . '</a>'; ?></td>
<?php
// added for loginbox
 if ( (basename($PHP_SELF) != FILENAME_LOGIN) && (basename($PHP_SELF) !=  FILENAME_CREATE_ACCOUNT) && !tep_session_is_registered('customer_id')) { 
 if (!tep_session_is_registered('customer_id')) {
?>
<table border="0" width=850 cellspacing="0" cellpadding="0" align=center >
<td align="right" valign="top"><div id="tabsJ">
 <ul>
   <li><a href="<?=tep_href_link('login.php')?>"?><span><? echo HEADER_TITLE_LOGIN ?></span></a></li>
   <li><a href="<?=tep_href_link('account.php')?>"?><span><?php echo HEADER_TITLE_CREATE_ACCOUNT ?></span></a></li>
   <li><a href="<?=tep_href_link('checkout_shipping.php')?>"?><span><?php echo HEADER_TITLE_CHECKOUT ?></span></a></li>
 </ul>
 </td>
</div> 
</table>

<table border="0" width=850 cellspacing="0" cellpadding="0" align=center >
<td align="right" valign="top"><div id="tabsJ">
 <ul>
   <li><a href="<?=tep_href_link('how_itworks.php')?>"?><span><? echo HEADER_TITLE_HOW_IT_WORKS ?></span></a></li>
   <li><a href="<?=tep_href_link('blog.php')?>"?><span><?php echo HEADER_TITLE_BLOG ?></span></a></li>
   <li><a href="<?=tep_href_link('my_wishlist.php')?>"?><span><?php echo HEADER_TITLE_WISH_LIST ?></span></a></li>
 </ul>
 </td>
</div> 
</table>

<?php include(DIR_WS_BOXES . 'search2.php'); ?>

<!-- loginbox //-->
<table border="0" width=850 cellspacing="0" cellpadding="0" align="center" >
<td align="middle" valign="bottom"><div id="tabsJ">
 <ul>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' . "<span>" . ('HOME') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_DESIGNERS, '', 'SSL') . '">' ."<span>".('DESIGNERS') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_APPAREL, '', 'SSL') . '">' . "<span>" . ('APPAREL') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_BAGS, '', 'SSL') . '">' . "<span>" . ('BAGS') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_SHOES, '') . '">' . "<span>" . ('SHOES') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_ACCESSORIES, '') . '">' . "<span>" . ('ACCESSORIES') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_LOOKBOOK, '') . '">' . "<span>" . ('LOOKBOOK') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_YOURSTYLE, '') . '">' . "<span>" . ('YOUR STYLE') . '</a></span>'; ?></li>
   <li><?php echo '<a href="' . tep_href_link(FILENAME_TRENDS, '') . '">' . "<span>" . ('TRENDS') . '</a></span>'; ?></li>
 </ul>
 </td>
</div> 
</table>

<?php
  } // close !tep_session_is_registered
 } else { 
 if (!tep_session_is_registered('customer_id')) {
// If you want something to show in place of the loginbox when logge in or on login or create account page,
// place that code between the <td align="left"></td> below
?>
   <td align="right"></td>
<?php
 } //close !tep_session_is_registered
} // close if
// end loginbox
?>
<?php
// added for my account nav bar links for loginbox
   if (tep_session_is_registered('customer_id')) {
?>
<!-- my_account_info //-->
   <td valign="top" align="right">
   <table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="1px" width="100%" cellspacing="0" cellpadding="3">
		<tr>
		  <td align="center" colspan="2"><?php echo ENTRY_LOGIN_MY_ACCOUNT_LINKS; ?></td>
		</tr>
		<tr>
		  <td class="smallText" align="center"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_LOGIN_TITLE_MY_ACCOUNT . '</a>'; ?></td></tr>
		  <td class="smallText" align="center"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT_EDIT, '', 'SSL') .'">' . HEADER_LOGIN_TITLE_EDIT_ACCOUNT . '</a>'; ?></td>
		</tr>
		<tr>
		  <td class="smallText" align="center"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT_HISTORY, '', 'SSL') .'">' . HEADER_LOGIN_TITLE_ACCOUNT_HISTORY . '</a>'; ?></td></tr>
		  <td class="smallText" align="center"><?php echo '<a href="' . tep_href_link(FILENAME_ADDRESS_BOOK, '', 'SSL') .'">' . HEADER_LOGIN_TITLE_ADDRESS_BOOK . '</a>'; ?></td>
		</tr>
		<tr>
		  <td class="smallText" align="center"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT_NOTIFICATIONS, '', 'SSL') .'">' . HEADER_LOGIN_TITLE_PRODUCT_NOTIFICATIONS . '</a>'; ?></td></tr>
		  <td class="smallText" align="center"><?php echo '<a href="' . tep_href_link(FILENAME_LOGOFF, '', 'SSL') .'">' . HEADER_LOGIN_TITLE_LOGOFF . '</a>'; ?></td>
		</tr>
 </table></td>
<?php
   } // close if
// end my account nav bar links for loginbox

 if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerError">
   <td class="headerError"><?php echo htmlspecialchars(urldecode($HTTP_GET_VARS['error_message'])); ?></td>
 </tr>
</table>
<?php
 }

 if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerInfo">
   <td class="headerInfo"><?php echo htmlspecialchars($HTTP_GET_VARS['info_message']); ?></td>
 </tr>
</table>
<?php
 }
?>

Link to comment
Share on other sites

I notice that you've installed the loginbox in header, yet you are not using it. Is that correct?

 

Well, I want to use it with my login that i have listed at the top of the header. I would prefer they just click on the login link and then it brings up a page to login. Would I not need the loginbox if I do this?

Link to comment
Share on other sites

I would prefer they just click on the login link and then it brings up a page to login. Would I not need the loginbox if I do this?

That is what osc does by default.

 

I redid your header minus the account links after they are logged in. If you want those we can put them in, but the way they are now won't look right.

 

Make sure to backup first incase this isn't what you are looking for.

<?php
/*
 $Id: header.php 1739 2007-12-20 00:52:16Z hpdl $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

// check if the 'install' directory exists, and warn of its existence
 if (WARN_INSTALL_EXISTENCE == 'true') {
   if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
     $messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
   }
 }

// check if the configure.php file is writeable
 if (WARN_CONFIG_WRITEABLE == 'true') {
   if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
     $messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
   }
 }

// check if the session folder is writeable
 if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
   if (STORE_SESSIONS == '') {
     if (!is_dir(tep_session_save_path())) {
       $messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
     } elseif (!is_writeable(tep_session_save_path())) {
       $messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
     }
   }
 }

// check session.auto_start is disabled
 if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
   if (ini_get('session.auto_start') == '1') {
     $messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
   }
 }

 if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
   if (!is_dir(DIR_FS_DOWNLOAD)) {
     $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
   }
 }

 if ($messageStack->size('header') > 0) {
   echo $messageStack->output('header');
 }
?>
<table align="center" border="0" width="895">
 <tr>
   <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr class="header">
   <td rowspan="2" valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'logo.jpg', 'Paiging Joy') . '</a>'; ?></td>
   <td align="right" valign="bottom"><div id="tabsJ"><ul><li><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGOFF; ?></span></a><?php } else { ?><a href="<?php echo tep_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?></span></a><?php } ?></li><li><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></span></a></li><li><a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_CHECKOUT; ?></span></a></li></ul></div></td>
 </tr>
 <tr>
   <td  align="right" valign="bottom"><div id="tabsJ"><ul><li><a href="<?php echo tep_href_link('how_itworks.php'); ?>"><span><?php echo HEADER_TITLE_HOW_IT_WORKS; ?></span></a></li><li><a href="<?php echo tep_href_link('blog.php'); ?>"><span><?php echo HEADER_TITLE_BLOG; ?></span></a></li><li><a href="<?php echo tep_href_link('my_wishlist.php'); ?>"><span><?php echo HEADER_TITLE_WISH_LIST; ?></span></a></li></ul></div></td>
 </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1">
 <tr class="headerNavigation">
   <td class="headerNavigation"><?php //include(DIR_WS_BOXES . 'search2.php'); ?></td>
   <td align="right" class="headerNavigation"><div id="tabsJ">
     <ul>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' . "<span>" . ('HOME') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_DESIGNERS, '', 'SSL') . '">' ."<span>".('DESIGNERS') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_APPAREL, '', 'SSL') . '">' . "<span>" . ('APPAREL') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_BAGS, '', 'SSL') . '">' . "<span>" . ('BAGS') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_SHOES, '') . '">' . "<span>" . ('SHOES') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_ACCESSORIES, '') . '">' . "<span>" . ('ACCESSORIES') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_LOOKBOOK, '') . '">' . "<span>" . ('LOOKBOOK') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_YOURSTYLE, '') . '">' . "<span>" . ('YOUR STYLE') . '</a></span>'; ?></li>
       <li><?php echo '<a href="' . tep_href_link(FILENAME_TRENDS, '') . '">' . "<span>" . ('TRENDS') . '</a></span>'; ?></li>
   </ul>
   </div></td>
 </tr>
</table>
<?php
 if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerError">
   <td class="headerError"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['error_message']))); ?></td>
 </tr>
</table>
<?php
 }

 if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerInfo">
   <td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>
 </tr>
</table>
<?php
 }
?>

Link to comment
Share on other sites

Thank you so much for the help! My navigation still seems to be going in reverse order. I can't seem to figure out why. I would suppose it is set like that on a different page somewhere. Also, everything seems to be out of alignment still. I have worked with setting the width everywhere, but does not seem to help. Thank you!

Link to comment
Share on other sites

Since your links are "List items" and they are forced to using a horizontal instead of a verticle alignment, my quess would be to look at your stylesheet for the needed corrections.

 

This might be of some use - http://www.alistapart.com/articles/taminglists/

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Link to comment
Share on other sites

As far as the links going in reverse order, it is because of your stylesheet. You have everything in that div,ul,span,li a class set to float: right;. As to everything else, Ill have to take a look and see where you're at.

Link to comment
Share on other sites

great, that is what it was. When I set the float to left they all went back to normal, but they all moved left and I would like for them all to put aligned to the right and aligned with the large image. Can I just put the float to right and type the words in reverse order? Or, will that mess up something? Also, where are these lines coming from? I didn't add them, but I do want to add lines like in my design. Thanks for all of your help! My site is looking much better!

Link to comment
Share on other sites

If i remember you had li a and span set to float: right. You can set the div and ul to float right and set the others to float left. I would not set a float for the span rather the li.

 

I'll take a look at your site later and what else I can help you with.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...