Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Side box and header bar problem


Darky10

Recommended Posts

Posted

I have been trying for ages to place a gap around the site by bringing in the header and footer bars. I managed to get so far then nowt. I can bring the page in using margin in stylesheet, but i probably need to fire the side boxes out then bring the whole page in can anyone tell me how, i appreciate it

Posted

Sorry, but I have no idea what you are talking about. Can you provide a link to the shop or a screenshot so that we can see where the problem is?

 

abra

The First Law of E-Commerce: If the user can't find the product, the user can't buy the product.

 

Feedback and suggestions on my shop welcome.

 

Note: My advice is based on my own experience or on something I read in these forums. No guarantee it'll work for you! Make sure that you always BACKUP the database and the files you are going to change so that you can rollback to a working version if things go wrong.

Posted
Sorry, but I have no idea what you are talking about. Can you provide a link to the shop or a screenshot so that we can see where the problem is?

 

abra

 

Tried to attach but did not work. Site is not live. Basically the header and footer grey bars extend across the page, the boxes on either side are in a little from this. I want to either move the boxes to the edge to match the header and footer bar width, or bring the header and footer grey bars in to match the standard placed sideboxes. So it all lines up and looks neater.

Posted

Ok, had a look at the demo shop. If you mean the white space left of the left column and right of the right column, then you need to change all files in catalog/.

 

The setting is at the top of the html code (right under the meta tags):

<!-- body //-->
<table border="0" width="100%" cellspacing="3" cellpadding="3">

.

 

Set the cellpadding to 0 and the boxes should move out.

 

abra

The First Law of E-Commerce: If the user can't find the product, the user can't buy the product.

 

Feedback and suggestions on my shop welcome.

 

Note: My advice is based on my own experience or on something I read in these forums. No guarantee it'll work for you! Make sure that you always BACKUP the database and the files you are going to change so that you can rollback to a working version if things go wrong.

Posted
Ok, had a look at the demo shop. If you mean the white space left of the left column and right of the right column, then you need to change all files in catalog/.

 

The setting is at the top of the html code (right under the meta tags):

<!-- body //-->
<table border="0" width="100%" cellspacing="3" cellpadding="3">

.

 

Set the cellpadding to 0 and the boxes should move out.

 

abra

 

Thanks for responding. I did cellpadding to 0 and although it does move them to the edge it also closes the horizontal gap between boxes like categories and search etc. The right side, for some reason did not work. So the half penny issue now is how to move the right side also and move the right and left columns to the edge, while keeping the gap, or some gap if needed, which it would be better to have the option, theoretically, once this was done i could use the margin in style sheet to bring the whole lot in. Of all my problems this has been the most elusive to solve.

 

Therefore i am indebted to any person who can resolve it.

 

But, thanks again for responding

  • 1 month later...
Posted

I made a bunch of changes to my site so that everything could line up nicely. I wanted multiple border options and I didn't want any white space. I was able to control all of this through my header page. The code for my header page looks like this (I added the original first and last lines for you to search easily):

 

	echo $messageStack->output('header');
 }
?>
<div class="fixcenter">
<div align="center">
<table border="5"  BORDERCOLOR="#ccffcc" width="850" cellpadding="0" cellspacing="0">
<tr><td>
<table border="5"  BORDERCOLOR="#ccccff" width="100%" cellpadding="0" cellspacing="0" background="#ccccff">
<tr><td bgcolor="#ccccff" bordercolor="#ccccff">
<center><img src="images/site_images/header.gif" border="0" /></center>
<table border="0"  BORDERCOLOR="#FCA2CF" width="100%" cellpadding="0" cellspacing="0" background="#FCA2CF">
<tr><td bgcolor="#FCA2CF" bordercolor="#FCA2CF">
<table border="5" BORDERCOLOR="#FFCCFF" width="100%" CELLSPACING="0" CELLPADDING="0" background="#FFCCFF">
<tr><td bgcolor="#FFCCFF" bordercolor="#FFCCFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#ffffff" bordercolor="#ffffff">

<?php
 if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {

 

One of the mods I installed (don't remember off the top of my head - you can find it in the contributions if you search for center shop) used the fixcenter code found above. The code found in my stylesheet for this is:

.fixcenter {
 width: 1000px;
 border: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: left;
}

 

I am not sure if this is the solution you are looking for, but it worked for me. You may want to play around with it a bit and/or set the borders to 0 for an even cleaner look.

 

Hope it helps!

Archived

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

×
×
  • Create New...