christophbcn Posted March 23, 2009 Share Posted March 23, 2009 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 More sharing options...
hari_shyam Posted March 23, 2009 Share Posted March 23, 2009 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 More sharing options...
christophbcn Posted March 24, 2009 Author Share Posted March 24, 2009 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 More sharing options...
christophbcn Posted March 27, 2009 Author Share Posted March 27, 2009 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 More sharing options...
christophbcn Posted March 27, 2009 Author Share Posted March 27, 2009 Please can anybody help me out with this one? Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.