need help with side boxes

[West One]

Hi

Thanks for this

I will look at it now and get back

[West One]

Hi


I hade 30px set in more than 1 place (now removed)
That worked on some but not on:Featured [more]

Reviews [more]

Specials [more]


how can I sort these?

[West One]

Hi

If it helps this is my tpl_box_default_right.php:

<?php
/**
 * Common Template - tpl_box_default_right.php
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_box_default_right.php 2975 2006-02-05 19:33:51Z birdbrain $
 */

// choose box images based on box position
  if ($title_link) {
    $title = '<a href="' . zen_href_link($title_link) . '">' . $title . BOX_HEADING_LINKS . '</a>';
  }
//
?>
<!--// bof: <?php echo $box_id; ?> //-->
<div class="xhsnazzy" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
<b class="xhtop"><b class="xhb1"></b><b class="xhb2"></b><b class="xhb3"></b><b class="xhb4"></b></b>
<h3 class="rightBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3>
<b class="xhbottom"><b class="xhb4"></b><b class="xhb3"></b><b class="xhb2"></b><b class="xhb1"></b></b>
</div>
 
<div class="xsnazzy" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
                     <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
                     <div class="xboxcontent">
<?php echo $content; ?>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
</div>
<!--// eof: <?php echo $box_id; ?> //-->

also from the above can you see why all the left colum looks to be padded out more than the right colum

[gjh42]

tpl_box_default_right.php has nothing to do with the xxx [more]. Those are links, and are affected twice by this declaration:

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 13px;
	color: #5f6601;
	text-align: left;
	padding-left: 30px;
	font-weight: bold;
	}

Make it separate:

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 13px;
	color: #5f6601;
	text-align: left;
	font-weight: bold;
	}
h3.leftBoxHeading,
h3.rightBoxHeading {
	padding-left: 30px;
	}

If you think the left column is padded more than the right, I'd say it is an optical illusion. I believe they are equal in reality.

[West One]

tpl_box_default_right.php has nothing to do with the xxx [more]. Those are links, and are affected twice by this declaration:

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 13px;
    color: #5f6601;
    text-align: left;
    padding-left: 30px;
    font-weight: bold;
    }

Make it separate:

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 13px;
    color: #5f6601;
    text-align: left;
    font-weight: bold;
    }
h3.leftBoxHeading,
h3.rightBoxHeading {
    padding-left: 30px;
    }

Hi

Thanks it worked

your the BEST

[West One]

Hi

"optical illusion" yes or two much time on the pc.

as it look like you now a lot about css is it pos to fade a color from top to bottom? ie with out haveing to add loads of div?

[gjh42]

You can make a "fade" image, say 1000px by 5px, and use it as the background for the element you want to fade. If the fade is top to bottom, specify
background-repeat: repeat-x;
and the strip will repeat for the whole width of the element.

CSS3 is supposed to have the ablity to have lots of fancy fade effects without loading images, but it will be a while before those are safe to use in the real world.

[West One]

Thanks for all your help.

all I need to do now is to get the biff box and header colors to be alternate color.

[littletoycompany]

I second that! Glenn is a CSS wizard and extremely helpful!!!

Hi

Thanks it worked

your the BEST