choppy Header and footer band, (IMAGE)

[Alphadan]

Hi

 

i recentrly tired to mod the aspect of the oscommerce theme 1st i did was to edit the colors and borders on the CSS also had to get rid of the rounded borders they are images so i had to disable em but the band still choppy which looks ugly, i ve tried to solve by myself but cant figure where to fix it.

 

this is the image shoes what i mean

 

 

 

Thx in advance!!!.

[Xpajun]

Have a look for information here

 

 

Actually it looks like you have borders - not sure

 

If you post your store url you will probably get more accurate answers ;)

[Alphadan]

sure i can even, post the php file if needed.

 

http://invnew.mine.nu:2000/

 

this is the site is yet in my own computer for testing.

 

thx for ur time.

[Guest]

Can you post the contents of your header.php file?

[Alphadan]

<?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
*/
function flashembed($file, $width, $height) { 
$swfdir = "images";
echo "<center><OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"
codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0\" WIDTH=$width HEIGHT=$height>
<PARAM NAME=movie VALUE=\"$swfdir/$file.swf\">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=menu VALUE=false>
<EMBED src=\"$swfdir/$file.swf\" quality=high WIDTH=$width HEIGHT=$height TYPE=\"application/x-shockwave-flash\" PLUGINSPAGE=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" menu=\"false\"></EMBED>
</OBJECT><br></center>";
}

// 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');
 }
?>


<?php
// BOF: WebMakers.com Added: Center Shop
// This goes before any other table of the shop
 if ( CENTER_SHOP_ON=='1' ) {
 flashembed("Barra", 780, 255);
// Is a bgroundcolor set for around the shop
   if ( CENTER_SHOP_BACKGROUND_ON=='1' ) {
?>
   <table width="100%" cellpadding="<?php echo CENTER_SHOP_PADDING; ?>" cellspacing="0" border="0" bgcolor="<?php echo CENTER_SHOP_BACKGROUND_COLOR_OUT; ?>">
     <tr><td>
<?php
      }
// Center the shop to what size and what bgcolor
?>
   <table CELLSPACING="4" CELLPADDING="6" BORDER="2" style="border-style: solid;" width="<?php echo CENTER_SHOP_WIDTH; ?>" align="center" BGCOLOR="<?php echo CENTER_SHOP_BACKGROUND_COLOR; ?>">
     <tr><td BGColor="FFFFFF">
<?php
  }
// The rest of the <td> at the end of the footer
// EOF: WebMakers.com Added: Center Shop
?>


<table border="0" width="100%" cellspacing="0" cellpadding="0">

<?php
// Defined image and link from center_shop.php
?>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr class="header">

   <td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a>  <a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a>  <a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?>  </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>
<?php
 }
?>

[germ]

In the stylesheet:

 

TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight : bold;
background-color: #093;
border: medium ridge #060;
}

If you REMOVE:

 

	border: medium ridge #060;

Your problem is fixed.

 

If you ADD this:

 

        border-right-style: none;

It's just less noticable.

:)

 

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

[Alphadan]

THX MAN GONNA TRY THAT!!!!.

[germ]

THX MAN GONNA TRY THAT!!!!.

Well it fixes the header.

 

I just noticed you posted about the footer also.

:blush:

 

I'm looking into that.

:thumbsup:

[germ]

To change the footer the CSS code to alter would be here:

 

TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: bold;
background-color: #093;
border: medium ridge #060;
}

The same changes should apply.

;)

[Alphadan]

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

 

for this i use private navigation in firefox it just doesnt store any cache so it will load always everything. so when testing stuff works great u might try it. :thumbsup:

 

 

i took both side borders left and right. and is perfect i dont see any the separation.

 

it fixed the problem, but sacrificing both side borders =/, i would just use it like that but is posible to fix it and keep those borders?.

 

 

thx alot.

 

[Edit]

nevermore it looks great like that ill just use it like that.

[MrPhil]

You can specify a different border for each side of the bar. Instead of border, use border-top, border-right, border-bottom, and border-left. Use one setting (such as medium ridge #060) for the "outside" borders and either omit any border on the side where it abuts another bar, or use a different setting.

[Alphadan]

You can specify a different border for each side of the bar. Instead of border, use border-top, border-right, border-bottom, and border-left. Use one setting (such as medium ridge #060) for the "outside" borders and either omit any border on the side where it abuts another bar, or use a different setting.

 

i think this is the same solution, germ sugested me, already did and worked fine.

 

thx anyways!