Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to set margins within boxes


christophbcn

Recommended Posts

Hi,

 

this may be a very stupid question but I'm still new to oscommerce and web design in general.

 

I've put a background image on my categories box, which is a rectangle with rounded corners that is transparent inside and has a thick border (15px) all around. Now I want the categories' text to stay within this border and to break onto another line when it gets to close to that border. The problem is that it being a background image its border obviously has no direct effect on the box content.

 

I (think) I was able to set a left margin through CSS, in which I have a special class for categories.php thanx to the individual box style contribution, but setting a right margin has absolutely no effect.

 

Ideally, I would like to define the text area of categories.php to have a smaller width than the overall width of categories.php so that when the text gets close to that width it automatically breaks onto another line.

 

Is there a way to achieve that?

 

In the hope I'm making some sense I would greatly appreciate any help.

 

Best regards,

Christoph

Link to comment
Share on other sites

Hi,

 

this may be a very stupid question but I'm still new to oscommerce and web design in general.

 

I've put a background image on my categories box, which is a rectangle with rounded corners that is transparent inside and has a thick border (15px) all around. Now I want the categories' text to stay within this border and to break onto another line when it gets to close to that border. The problem is that it being a background image its border obviously has no direct effect on the box content.

 

I (think) I was able to set a left margin through CSS, in which I have a special class for categories.php thanx to the individual box style contribution, but setting a right margin has absolutely no effect.

 

Ideally, I would like to define the text area of categories.php to have a smaller width than the overall width of categories.php so that when the text gets close to that width it automatically breaks onto another line.

 

Is there a way to achieve that?

 

In the hope I'm making some sense I would greatly appreciate any help.

 

Best regards,

Christoph

 

Hi Christoph

 

Am not sure what categories file you are using.. can you put in the code for the categories file.. i.e includes/boxes/categories.php

 

Cheers,

Hari

Link to comment
Share on other sites

Hi Christoph

 

Am not sure what categories file you are using.. can you put in the code for the categories file.. i.e includes/boxes/categories.php

 

Cheers,

Hari

 

Hi Hari,

 

thanx for getting back to me. Yes, exactly, it is the includes/boxes/categories.php I'm talking about. Here the code:

 

<?php

/*

$Id: categories.php,v 1.23 2002/11/12 14:09:30 dgw_ Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2002 osCommerce

 

Released under the GNU General Public License

*/

 

function tep_show_category($counter) {

global $foo, $categories_string, $id;

 

for ($a=0; $a<$foo[$counter]['level']; $a++) {

$categories_string .= "  ";

}

 

$categories_string .= '<a href="';

 

if ($foo[$counter]['parent'] == 0) {

$cPath_new = 'cPath=' . $counter;

} else {

$cPath_new = 'cPath=' . $foo[$counter]['path'];

}

 

$categories_string .= tep_href_link(FILENAME_DEFAULT, $cPath_new);

$categories_string .= '">';

 

if ( ($id) && (in_array($counter, $id)) ) {

$categories_string .= '<b>';

}

 

// display category name

$categories_string .= $foo[$counter]['name'];

 

if ( ($id) && (in_array($counter, $id)) ) {

$categories_string .= '</b>';

}

 

if (tep_has_category_subcategories($counter)) {

$categories_string .= '->';

}

 

$categories_string .= '</a>';

 

if (SHOW_COUNTS == 'true') {

$products_in_category = tep_count_products_in_category($counter);

if ($products_in_category > 0) {

$categories_string .= ' (' . $products_in_category . ')';

}

}

 

$categories_string .= '<br>';

 

if ($foo[$counter]['next_id']) {

tep_show_category($foo[$counter]['next_id']);

}

}

?>

<!-- categories //-->

<tr>

<td background="images/categories.png" height="200" style="background-repeat: no-repeat" valign="top">

<?php

$info_box_contents = array();

$info_box_contents[] = array('text' => BOX_HEADING_CATEGORIES);

new CategoriesBoxHeading($info_box_contents, true, false);

 

$categories_string = '';

 

$categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '0' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");

while ($categories = tep_db_fetch_array($categories_query)) {

$foo[$categories['categories_id']] = array(

'name' => $categories['categories_name'],

'parent' => $categories['parent_id'],

'level' => 0,

'path' => $categories['categories_id'],

'next_id' => false

);

 

if (isset($prev_id)) {

$foo[$prev_id]['next_id'] = $categories['categories_id'];

}

 

$prev_id = $categories['categories_id'];

 

if (!isset($first_element)) {

$first_element = $categories['categories_id'];

}

}

 

//------------------------

if ($cPath) {

$new_path = '';

$id = split('_', $cPath);

reset($id);

while (list($key, $value) = each($id)) {

unset($prev_id);

unset($first_id);

$categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . $value . "' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");

$category_check = tep_db_num_rows($categories_query);

if ($category_check > 0) {

$new_path .= $value;

while ($row = tep_db_fetch_array($categories_query)) {

$foo[$row['categories_id']] = array(

'name' => $row['categories_name'],

'parent' => $row['parent_id'],

'level' => $key+1,

'path' => $new_path . '_' . $row['categories_id'],

'next_id' => false

);

 

if (isset($prev_id)) {

$foo[$prev_id]['next_id'] = $row['categories_id'];

}

 

$prev_id = $row['categories_id'];

 

if (!isset($first_id)) {

$first_id = $row['categories_id'];

}

 

$last_id = $row['categories_id'];

}

$foo[$last_id]['next_id'] = $foo[$value]['next_id'];

$foo[$value]['next_id'] = $first_id;

$new_path .= '_';

} else {

break;

}

}

}

tep_show_category($first_element);

 

$info_box_contents = array();

$info_box_contents[] = array('align' => 'left',

'text' => $categories_string);

 

?>

<div style="overflow-y: auto; overflow-x: hidden; height: 160; scrollbar-base-color: #e40101; scrollbar-track-color: #e40101; scrollbar-arrow-color: #fb7819; scrollbar-slider-color: #fb7819">

<?php

new CategoriesBox($info_box_contents);

?>

</div>

</td>

</tr>

<!-- categories_eof //-->

 

I set a scrollbar to the box and I'm guessing that it is some code that I need to add to the $info_box_contents array at the end (the one that refers to the $categories_string), but I just have no idea wht to put there.....

 

Thank you very much in advance for any help you can give me.

 

Regards,

 

Christoph

Link to comment
Share on other sites

Hi Hari,

 

thanx for getting back to me. Yes, exactly, it is the includes/boxes/categories.php I'm talking about. Here the code:

 

<?php

/*

$Id: categories.php,v 1.23 2002/11/12 14:09:30 dgw_ Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2002 osCommerce

 

Released under the GNU General Public License

*/

 

function tep_show_category($counter) {

global $foo, $categories_string, $id;

 

for ($a=0; $a<$foo[$counter]['level']; $a++) {

$categories_string .= "  ";

}

 

$categories_string .= '<a href="';

 

if ($foo[$counter]['parent'] == 0) {

$cPath_new = 'cPath=' . $counter;

} else {

$cPath_new = 'cPath=' . $foo[$counter]['path'];

}

 

$categories_string .= tep_href_link(FILENAME_DEFAULT, $cPath_new);

$categories_string .= '">';

 

if ( ($id) && (in_array($counter, $id)) ) {

$categories_string .= '<b>';

}

 

// display category name

$categories_string .= $foo[$counter]['name'];

 

if ( ($id) && (in_array($counter, $id)) ) {

$categories_string .= '</b>';

}

 

if (tep_has_category_subcategories($counter)) {

$categories_string .= '->';

}

 

$categories_string .= '</a>';

 

if (SHOW_COUNTS == 'true') {

$products_in_category = tep_count_products_in_category($counter);

if ($products_in_category > 0) {

$categories_string .= ' (' . $products_in_category . ')';

}

}

 

$categories_string .= '<br>';

 

if ($foo[$counter]['next_id']) {

tep_show_category($foo[$counter]['next_id']);

}

}

?>

<!-- categories //-->

<tr>

<td background="images/categories.png" height="200" style="background-repeat: no-repeat" valign="top">

<?php

$info_box_contents = array();

$info_box_contents[] = array('text' => BOX_HEADING_CATEGORIES);

new CategoriesBoxHeading($info_box_contents, true, false);

 

$categories_string = '';

 

$categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '0' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");

while ($categories = tep_db_fetch_array($categories_query)) {

$foo[$categories['categories_id']] = array(

'name' => $categories['categories_name'],

'parent' => $categories['parent_id'],

'level' => 0,

'path' => $categories['categories_id'],

'next_id' => false

);

 

if (isset($prev_id)) {

$foo[$prev_id]['next_id'] = $categories['categories_id'];

}

 

$prev_id = $categories['categories_id'];

 

if (!isset($first_element)) {

$first_element = $categories['categories_id'];

}

}

 

//------------------------

if ($cPath) {

$new_path = '';

$id = split('_', $cPath);

reset($id);

while (list($key, $value) = each($id)) {

unset($prev_id);

unset($first_id);

$categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . $value . "' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");

$category_check = tep_db_num_rows($categories_query);

if ($category_check > 0) {

$new_path .= $value;

while ($row = tep_db_fetch_array($categories_query)) {

$foo[$row['categories_id']] = array(

'name' => $row['categories_name'],

'parent' => $row['parent_id'],

'level' => $key+1,

'path' => $new_path . '_' . $row['categories_id'],

'next_id' => false

);

 

if (isset($prev_id)) {

$foo[$prev_id]['next_id'] = $row['categories_id'];

}

 

$prev_id = $row['categories_id'];

 

if (!isset($first_id)) {

$first_id = $row['categories_id'];

}

 

$last_id = $row['categories_id'];

}

$foo[$last_id]['next_id'] = $foo[$value]['next_id'];

$foo[$value]['next_id'] = $first_id;

$new_path .= '_';

} else {

break;

}

}

}

tep_show_category($first_element);

 

$info_box_contents = array();

$info_box_contents[] = array('align' => 'left',

'text' => $categories_string);

 

?>

<div style="overflow-y: auto; overflow-x: hidden; height: 160; scrollbar-base-color: #e40101; scrollbar-track-color: #e40101; scrollbar-arrow-color: #fb7819; scrollbar-slider-color: #fb7819">

<?php

new CategoriesBox($info_box_contents);

?>

</div>

</td>

</tr>

<!-- categories_eof //-->

 

I set a scrollbar to the box and I'm guessing that it is some code that I need to add to the $info_box_contents array at the end (the one that refers to the $categories_string), but I just have no idea wht to put there.....

 

Thank you very much in advance for any help you can give me.

 

Regards,

 

Christoph

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...