Trying to change my design

chipshot · December 19, 2007

I have a new design I'm trying to incorporate into my osc.

to understand where I'm at you need to see the original design

the catalog pages are here:

I have in the stylesheet.css this:

BODY {

text-align: center;

background: #ffffff;

color: #000000;

margin: 0px;

}

.fixcenter {

width: 766px;

border: solid; border-width: 1px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 0px;

text-align: left;

}

and this in includes/header.php:

and the </div> in includes/footer.php

to get it fixed center with 766px wide (works fine)

but I'm sick of the old design that uses tables.

new design is all styled with css...

my new design is at here

as you can see I have some navigation that is styled completely in css under the header. image I would like

to use in the catalog pages.

I've done a number of things to get it to display correctly but no luck!

what I have done is to create a table row below the header img in includes/header.php

and put in this html, that's enclosed in a div tag.

<ul>

<li><a href="contact_us.php">Contact Us</a></li>

<li><a href="members.html">Members</a></li>

<li><a href="golf_travel.html">Golf Travel</a></li>

<li><a href="video_analysis.html">Video Analysis</a></li>

<li><a href="golf_instruction.html">Golf Instruction</a></li>

</ul>

</div>

here's the complete file if you need to see:

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

 osCommerce, Open Source E-Commerce Solutions
 [url="http://www.oscommerce.com"]http://www.oscommerce.com[/url]

 Copyright © 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');
 }
?>
<div class="fixcenter">
<table border="0" width="100%" cellspacing="0" cellpadding="0">

 <tr>
   <td><?php echo '' . tep_image(DIR_WS_IMAGES . 'store_logo.png', Pro_Shop) . '</a>'; ?></td>
 </tr>
 <tr>
   <td>
<!--Begin Navcontainer-->
    <div id="navcontainer">

      <ul>
        <li><a href="catalog/contact_us.php">Contact Us</a></li>
        <li><a href="members.html">Members</a></li>
        <li><a href="golf_travel.html">Golf Travel</a></li>
        <li><a href="catalog/index.php">Pro-Shop</a></li>
        <li><a href="video_analysis.html">Video Analysis</a></li>
        <li><a href="golf_instruction.html">Golf Instruction</a></li>
        <li><strong>(845) 769-7073</strong></li>
      </ul>
    </div>	
<!--End Navcontainer-->
</td>
 </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1">
 <tr class="headerNavigation">
   <td class="headerNavigation">  <?php echo $breadcrumb->trail(' » '); ?></td>
   <td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a>  |  <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a>   </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(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>
</div>
<?php
 }
?>

I changed .fixcenter {width to 922px; margin-top: 0px;} in the stylesheet.css

I've linked this nav.css to the catalog/index.php to test:

/* CSS Document */

/*-----nav bar-------->*/

#navcontainer {

color: #fff;

width: 902px;

padding: 3px 10px 10px 10px;

height: 12px;

margin: 1px 0px 3px 0px;

background:#2F4F4F;

background-image: none;

font-size:1.2em;

}

#navcontainer ul {

padding-left: 0;

margin-left: 0;

color: White;

float: right;

width: 902px;

font-family: arial, helvetica, sans-serif;

}

#navcontainer ul li {

display: inline;

}

#navcontainer ul li a {

padding: 0.2em 1em;

background-color: #2f4f4f;

color: White;

text-decoration: none;

float: right;

border-left: 1px solid #fff;

}

#navcontainer ul li a:hover {

background-color: #f2f2e6;

color: #333;

font-weight:bold;

}

/*------end Nav bar-------*/

I can't figure out why it's not dislaying the styles at all..

and why the page does not center with a width of 922px ?

any help would be greatly appreciated

Thank You..my e-mail

chipshot · December 19, 2007

Nevermind I got it all figured out

Thank You

sidd81 · January 30, 2008

Hi

How did you manage to work with tables and os commerce? Im totaly lost on how to change the design.

Nevermind I got it all figured out

Thank You

chipshot · January 30, 2008

what do you want to change?

Trying to change my design

Recommended Posts

chipshot

chipshot

sidd81

chipshot

Archived

Browse

Activity