Control of individual cellpadding / cellspacing of infoboxes

[itsjust]

This is a little tutorial of how to make the cellpadding differ on top, bottom, left and right side of the left and right column infoboxes.

 

 

First ad the following to catalog/stylesheet.css (where ever you want it to be)

 

 

TABLE.leftInfoboxPadding {

padding-bottom: 10px;

padding-right: 10px;

}

 

TABLE.rightInfoboxPadding {

padding-bottom: 10px;

padding-left: 10px;

}

 

 

(You can change the padding to what fits your purpose)

 

 

Then change the following in almost all the files in the catalog folder:

 

 

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

<tr>

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0"

 

cellpadding="2">

<!-- left_navigation //-->

<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>

 

 

to

 

 

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

<tr>

<td width="<?php echo BOX_WIDTH; ?>" valign="top">

<table class='leftInfoboxPadding' border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="0">

<!-- left_navigation //-->

<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>

 

 

And

 

 

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

<!-- right_navigation //-->

<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>

 

 

to

 

 

<td width="<?php echo BOX_WIDTH; ?>" valign="top">

<table class='rightInfoboxPadding' border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="0">

<!-- right_navigation //-->

<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>

 

 

And you are done!

 

ps. To define the box width of the left and right side columns then go to catalog\includes\application_top.php and find

 

define('BOX_WIDTH', 125);

 

at around line 60. Change the number to whatever you want.

[web-project]

possible by updating all file in /catalogue directory

[itsjust]

possible by updating all file in /catalogue directory

 

is that a question?

[digilee]

so, basically you are adding another table within the current table within a table set up?

Or did I just completely read that wrong?

[itsjust]

so, basically you are adding another table within the current table within a table set up?

Or did I just completely read that wrong?

 

No!

 

If you read it again, you will see that there is no new tables added. There is the same amount of <table> and </table>. I am just adding a class to the table that is already there, and using the css class instead of the cellpadding to control the padding of the boxes