Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Stopping long product names from from resizing site.


Guest

Recommended Posts

Please take a look at kXXXXXav.com

 

notice how the homepage image is cropped, basically whats happening is the website is resizing itself based on what new products are entered.

 

Is there anyway to set an absolute size so that products with a long title wont affect the size of the tables.

 

I'm really stumped with this issue and it's making my site look bad.

 

Please help

Thanks

Link to comment
Share on other sites

Please take a look at kXXXXXav.com

 

notice how the homepage image is cropped, basically whats happening is the website is resizing itself based on what new products are entered.

 

Is there anyway to set an absolute size so that products with a long title wont affect the size of the tables.

 

I'm really stumped with this issue and it's making my site look bad.

 

Please help

Thanks

 

top

Link to comment
Share on other sites

Your first table is <table width="715", and then you're defining table widths in percentages.

 

jon

 

what files do i need to edit, i looked in index.php but found no references.

Link to comment
Share on other sites

I can find 715, it's in index.php, its the size of the whole table surrounding the whole site, the problem is i do not know what values to put in the others, when viewing in dreamweaver the layout of the tables does not look nothing like the live site, so i am unable to even guess which tables i should change.

Link to comment
Share on other sites

Why not change the 715 you found to 750 and see what ya get :) It seems to be the one width that is causing your banner1 to appear cropped on the left.

 

jon

 

but i've already tried that, the problem is the body table is being dynamically resized depending on the length of the product descriptions.

 

for example: notice on the left it says skytronic 410.216, if i change that to skytronic 342342314231421 and change prolight CASE54 to prolight 1234234324 then its stretched out.

 

Basically i need a way to set an ABSOLUTE size that oscommerce wont resize depending on product descriptions.

 

Any ideas?

Link to comment
Share on other sites

please see example:

 

example.jpg

 

here is my index code:

 

<?php
/*
 $Id: index.php,v 1.1 2003/06/11 17:37:59 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

 require('includes/application_top.php');

// the following cPath references come from application_top.php
 $category_depth = 'top';
 if (isset($cPath) && tep_not_null($cPath)) {
$categories_products_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS_TO_CATEGORIES . " where categories_id = '" . (int)$current_category_id . "'");
$cateqories_products = tep_db_fetch_array($categories_products_query);
if ($cateqories_products['total'] > 0) {
  $category_depth = 'products'; // display products
} else {
  $category_parent_query = tep_db_query("select count(*) as total from " . TABLE_CATEGORIES . " where parent_id = '" . (int)$current_category_id . "'");
  $category_parent = tep_db_fetch_array($category_parent_query);
  if ($category_parent['total'] > 0) {
	$category_depth = 'nested'; // navigate through the categories
  } else {
	$category_depth = 'products'; // category has no products, but display the 'no products' message
  }
}
 }

 require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_DEFAULT);
?>
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html <?php echo HTML_PARAMS; ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>"> 
<title><?php echo TITLE; ?></title>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<!-- header //-->
<?php require(DIR_WS_INCLUDES . 'header.php'); ?>
<!-- header_eof //-->

<!-- body //-->
<table border="0" width="730" cellspacing="1" cellpadding="1" align="center">
 <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'); ?>
<!-- left_navigation_eof //-->
</table></td>
<!-- body_text //-->
<?php
 if ($category_depth == 'nested') {
$category_query = tep_db_query("select cd.categories_name, c.categories_image from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.categories_id = '" . (int)$current_category_id . "' and cd.categories_id = '" . (int)$current_category_id . "' and cd.language_id = '" . (int)$languages_id . "'");
$category = tep_db_fetch_array($category_query);
?>
<td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
	<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
	  <tr>
		<td class="pageHeading"><?php echo HEADING_TITLE; ?></td>
		<td class="pageHeading" align="right"><?php echo tep_image(DIR_WS_IMAGES . $category['categories_image'], $category['categories_name'], HEADING_IMAGE_WIDTH, HEADING_IMAGE_HEIGHT); ?></td>
	  </tr>
	</table></td>
  </tr>
  <tr>
	<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
  </tr>
  <tr>
	<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
	  <tr>
		<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
		  <tr>
<?php
if (isset($cPath) && strpos('_', $cPath)) {
// check to see if there are deeper categories within the current category
  $category_links = array_reverse($cPath_array);
  for($i=0, $n=sizeof($category_links); $i<$n; $i++) {
	$categories_query = tep_db_query("select count(*) as total from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . (int)$category_links[$i] . "' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id . "'");
	$categories = tep_db_fetch_array($categories_query);
	if ($categories['total'] < 1) {
	  // do nothing, go through the loop
	} else {
	  $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.categories_image, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . (int)$category_links[$i] . "' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id . "' order by sort_order, cd.categories_name");
	  break; // we've found the deepest category the customer is in
	}
  }
} else {
  $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.categories_image, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . (int)$current_category_id . "' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id . "' order by sort_order, cd.categories_name");
}

$number_of_categories = tep_db_num_rows($categories_query);

$rows = 0;
while ($categories = tep_db_fetch_array($categories_query)) {
  $rows++;
  $cPath_new = tep_get_path($categories['categories_id']);
  $width = (int)(100 / MAX_DISPLAY_CATEGORIES_PER_ROW) . '%';
  echo '				<td align="center" class="smallText" width="' . $width . '" valign="top"><a href="' . tep_href_link(FILENAME_DEFAULT, $cPath_new) . '">' . tep_image(DIR_WS_IMAGES . $categories['categories_image'], $categories['categories_name'], SUBCATEGORY_IMAGE_WIDTH, SUBCATEGORY_IMAGE_HEIGHT) . '<br>' . $categories['categories_name'] . '</a></td>' . "\n";
  if ((($rows / MAX_DISPLAY_CATEGORIES_PER_ROW) == floor($rows / MAX_DISPLAY_CATEGORIES_PER_ROW)) && ($rows != $number_of_categories)) {
	echo '			  </tr>' . "\n";
	echo '			  <tr>' . "\n";
  }
}

// needed for the new products module shown below
$new_products_category_id = $current_category_id;
?>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
	  </tr>
	  <tr>
		<td><?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?></td>
	  </tr>
	</table></td>
  </tr>
</table></td>
<?php
 } elseif ($category_depth == 'products' || isset($HTTP_GET_VARS['manufacturers_id'])) {
// create column list
$define_list = array('PRODUCT_LIST_MODEL' => PRODUCT_LIST_MODEL,
					 'PRODUCT_LIST_NAME' => PRODUCT_LIST_NAME,
					 'PRODUCT_LIST_MANUFACTURER' => PRODUCT_LIST_MANUFACTURER,
					 'PRODUCT_LIST_PRICE' => PRODUCT_LIST_PRICE,
					 'PRODUCT_LIST_QUANTITY' => PRODUCT_LIST_QUANTITY,
					 'PRODUCT_LIST_WEIGHT' => PRODUCT_LIST_WEIGHT,
					 'PRODUCT_LIST_IMAGE' => PRODUCT_LIST_IMAGE,
					 'PRODUCT_LIST_BUY_NOW' => PRODUCT_LIST_BUY_NOW);

asort($define_list);

$column_list = array();
reset($define_list);
while (list($key, $value) = each($define_list)) {
  if ($value > 0) $column_list[] = $key;
}

$select_column_list = '';

for ($i=0, $n=sizeof($column_list); $i<$n; $i++) {
  switch ($column_list[$i]) {
	case 'PRODUCT_LIST_MODEL':
	  $select_column_list .= 'p.products_model, ';
	  break;
	case 'PRODUCT_LIST_NAME':
	  $select_column_list .= 'pd.products_name, ';
	  break;
	case 'PRODUCT_LIST_MANUFACTURER':
	  $select_column_list .= 'm.manufacturers_name, ';
	  break;
	case 'PRODUCT_LIST_QUANTITY':
	  $select_column_list .= 'p.products_quantity, ';
	  break;
	case 'PRODUCT_LIST_IMAGE':
	  $select_column_list .= 'p.products_image, ';
	  break;
	case 'PRODUCT_LIST_WEIGHT':
	  $select_column_list .= 'p.products_weight, ';
	  break;
  }
}

// show the products of a specified manufacturer
if (isset($HTTP_GET_VARS['manufacturers_id'])) {
  if (isset($HTTP_GET_VARS['filter_id']) && tep_not_null($HTTP_GET_VARS['filter_id'])) {
// We are asked to show only a specific category
$listing_sql = "select " . $select_column_list . " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " . TABLE_PRODUCTS . " p left join " . TABLE_SPECIALS . " s on p.products_id = s.products_id, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_MANUFACTURERS . " m, " . TABLE_PRODUCTS_TO_CATEGORIES . " p2c where p.products_status = '1' and p.manufacturers_id = m.manufacturers_id and m.manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "' and p.products_id = p2c.products_id and pd.products_id = p2c.products_id and pd.language_id = '" . (int)$languages_id . "' and p2c.categories_id = '" . (int)$HTTP_GET_VARS['filter_id'] . "'";
  } else {
// We show them all
$listing_sql = "select " . $select_column_list . " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " . TABLE_PRODUCTS . " p left join " . TABLE_SPECIALS . " s on p.products_id = s.products_id, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_MANUFACTURERS . " m where p.products_status = '1' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "' and p.manufacturers_id = m.manufacturers_id and m.manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "'";
  }
} else {
// show the products in a given categorie
  if (isset($HTTP_GET_VARS['filter_id']) && tep_not_null($HTTP_GET_VARS['filter_id'])) {
// We are asked to show only specific catgeory
$listing_sql = "select " . $select_column_list . " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " . TABLE_PRODUCTS . " p left join " . TABLE_SPECIALS . " s on p.products_id = s.products_id, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_MANUFACTURERS . " m, " . TABLE_PRODUCTS_TO_CATEGORIES . " p2c where p.products_status = '1' and p.manufacturers_id = m.manufacturers_id and m.manufacturers_id = '" . (int)$HTTP_GET_VARS['filter_id'] . "' and p.products_id = p2c.products_id and pd.products_id = p2c.products_id and pd.language_id = '" . (int)$languages_id . "' and p2c.categories_id = '" . (int)$current_category_id . "'";
  } else {
// We show them all
$listing_sql = "select " . $select_column_list . " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_PRODUCTS . " p left join " . TABLE_MANUFACTURERS . " m on p.manufacturers_id = m.manufacturers_id left join " . TABLE_SPECIALS . " s on p.products_id = s.products_id, " . TABLE_PRODUCTS_TO_CATEGORIES . " p2c where p.products_status = '1' and p.products_id = p2c.products_id and pd.products_id = p2c.products_id and pd.language_id = '" . (int)$languages_id . "' and p2c.categories_id = '" . (int)$current_category_id . "'";
  }
}

if ( (!isset($HTTP_GET_VARS['sort'])) || (!ereg('[1-8][ad]', $HTTP_GET_VARS['sort'])) || (substr($HTTP_GET_VARS['sort'], 0, 1) > sizeof($column_list)) ) {
  for ($i=0, $n=sizeof($column_list); $i<$n; $i++) {
	if ($column_list[$i] == 'PRODUCT_LIST_NAME') {
	  $HTTP_GET_VARS['sort'] = $i+1 . 'a';
	  $listing_sql .= " order by pd.products_name";
	  break;
	}
  }
} else {
  $sort_col = substr($HTTP_GET_VARS['sort'], 0 , 1);
  $sort_order = substr($HTTP_GET_VARS['sort'], 1);
  $listing_sql .= ' order by ';
  switch ($column_list[$sort_col-1]) {
	case 'PRODUCT_LIST_MODEL':
	  $listing_sql .= "p.products_model " . ($sort_order == 'd' ? 'desc' : '') . ", pd.products_name";
	  break;
	case 'PRODUCT_LIST_NAME':
	  $listing_sql .= "pd.products_name " . ($sort_order == 'd' ? 'desc' : '');
	  break;
	case 'PRODUCT_LIST_MANUFACTURER':
	  $listing_sql .= "m.manufacturers_name " . ($sort_order == 'd' ? 'desc' : '') . ", pd.products_name";
	  break;
	case 'PRODUCT_LIST_QUANTITY':
	  $listing_sql .= "p.products_quantity " . ($sort_order == 'd' ? 'desc' : '') . ", pd.products_name";
	  break;
	case 'PRODUCT_LIST_IMAGE':
	  $listing_sql .= "pd.products_name";
	  break;
	case 'PRODUCT_LIST_WEIGHT':
	  $listing_sql .= "p.products_weight " . ($sort_order == 'd' ? 'desc' : '') . ", pd.products_name";
	  break;
	case 'PRODUCT_LIST_PRICE':
	  $listing_sql .= "final_price " . ($sort_order == 'd' ? 'desc' : '') . ", pd.products_name";
	  break;
  }
}
?>
<td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
	<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
	  <tr>
		<td class="pageHeading"></td>
<?php
// optional Product List Filter
if (PRODUCT_LIST_FILTER > 0) {
  if (isset($HTTP_GET_VARS['manufacturers_id'])) {
	$filterlist_sql = "select distinct c.categories_id as id, cd.categories_name as name from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_TO_CATEGORIES . " p2c, " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where p.products_status = '1' and p.products_id = p2c.products_id and p2c.categories_id = c.categories_id and p2c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id . "' and p.manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "' order by cd.categories_name";
  } else {
	$filterlist_sql= "select distinct m.manufacturers_id as id, m.manufacturers_name as name from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_TO_CATEGORIES . " p2c, " . TABLE_MANUFACTURERS . " m where p.products_status = '1' and p.manufacturers_id = m.manufacturers_id and p.products_id = p2c.products_id and p2c.categories_id = '" . (int)$current_category_id . "' order by m.manufacturers_name";
  }
  $filterlist_query = tep_db_query($filterlist_sql);
  if (tep_db_num_rows($filterlist_query) > 1) {
	echo '			<td align="center" class="main">' . tep_draw_form('filter', FILENAME_DEFAULT, 'get') . TEXT_SHOW . ' ';
	if (isset($HTTP_GET_VARS['manufacturers_id'])) {
	  echo tep_draw_hidden_field('manufacturers_id', $HTTP_GET_VARS['manufacturers_id']);
	  $options = array(array('id' => '', 'text' => TEXT_ALL_CATEGORIES));
	} else {
	  echo tep_draw_hidden_field('cPath', $cPath);
	  $options = array(array('id' => '', 'text' => TEXT_ALL_MANUFACTURERS));
	}
	echo tep_draw_hidden_field('sort', $HTTP_GET_VARS['sort']);
	while ($filterlist = tep_db_fetch_array($filterlist_query)) {
	  $options[] = array('id' => $filterlist['id'], 'text' => $filterlist['name']);
	}
	echo tep_draw_pull_down_menu('filter_id', $options, (isset($HTTP_GET_VARS['filter_id']) ? $HTTP_GET_VARS['filter_id'] : ''), 'onchange="this.form.submit()"');
	echo '</form></td>' . "\n";
  }
}

// Get the right image for the top-right
$image = DIR_WS_IMAGES . 'table_background_list.gif';
if (isset($HTTP_GET_VARS['manufacturers_id'])) {
  $image = tep_db_query("select manufacturers_image from " . TABLE_MANUFACTURERS . " where manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "'");
  $image = tep_db_fetch_array($image);
  $image = $image['manufacturers_image'];
} elseif ($current_category_id) {
  $image = tep_db_query("select categories_image from " . TABLE_CATEGORIES . " where categories_id = '" . (int)$current_category_id . "'");
  $image = tep_db_fetch_array($image);
  $image = $image['categories_image'];
}
?>
		<td align="right"></td>
	  </tr>
	</table></td>
  </tr>
  <tr>
	<td></td>
  </tr>
  <tr>
	<td><?php include(DIR_WS_MODULES . FILENAME_PRODUCT_LISTING); ?></td>
  </tr>
</table></td>
<?php
 } else { // default page
?>
<td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
	<td></td>
  </tr>
  <tr>
	<td></td>
  </tr>
  <tr>
	<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
	  <tr>
		<td class="main"></td>
	  </tr>
	  <tr>
		<td></td>
	  </tr>   
	  <tr>
		<td class="main"><?php echo TEXT_MAIN; ?></td>
	  </tr>		  
	  <tr>
		<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
	  </tr>
	  <tr>
		<td><?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?></td>
	  </tr>
<?php
include(DIR_WS_MODULES . FILENAME_UPCOMING_PRODUCTS);
?>
	</table></td>
  </tr>
</table></td>
<?php
 }
?>
<!-- body_text_eof //-->
<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'); ?>
<!-- right_navigation_eof //-->
</table></td>
 </tr>
</table>
<!-- body_eof //-->

<!-- footer //-->
<?php require(DIR_WS_INCLUDES . 'footer.php'); ?>
<!-- footer_eof //-->
<br>
</body>
</html>
<?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?>

Link to comment
Share on other sites

Do me a favour: Go back to your sample Skytronicgggggggggggggggggggggggggggggggggg

and key in "Skytronic Skytronic Skytronic Skytronic Skytronic Skytronic".

 

Show me what you get :)

 

jon

 

OK I changed it to skytronic x 5 and it worked. Is it fixed now? It looks right ;-) Thanks!

Link to comment
Share on other sites

The reason behind the push is that "Skytronicgggggggggggggggggggggggggggggggggg" has no spaces. It's considered one long string of characters with no break. Your Skytronic 5 times (like I gave you) has a space between the words. Does this make sense? :)

 

jon

It's all just ones and zeros....

Link to comment
Share on other sites

The reason behind the push is that "Skytronicgggggggggggggggggggggggggggggggggg" has no spaces. It's considered one long string of characters with no break. Your Skytronic 5 times (like I gave you) has a space between the words. Does this make sense? :)

 

jon

 

perfectly. thanks very much for your help jon

Link to comment
Share on other sites

perfectly. thanks very much for your help jon

 

ok I spoke too soon.

 

It's now resized again. I'm really at my wits end with this and desperatly in need of a solution.

 

have a look at www.kestrelproav.com and you'll see what i mean.

Link to comment
Share on other sites

Your header table is defined at 715 px. The body table is set to 730 px. Besides that, your tags are out of order:

 

</head>

<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

<!-- header //-->

 

<style type="text/css">

<!--

.style1 {font-weight: bold}

-->

</style>

 

<div style="height:21px; "></div>

<table width="715" border="0" cellspacing="0" cellpadding="0" align="center">

 

 

There's a miscalled style... etc.:

 

<table width="100%" bgcolor="#F4F4F4" border="0" cellspacing="0" cellpadding="0" align="right" style="border:1px solid #CFCFCF">

<tr><td width="100%" height="131" valign="top" background="images/theme/banner1.jpg" style="background-repeat:no-repeat;background-position:right "><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="19%" height="92"> </td>

 

<td width="95%" valign="bottom"><span class="boxText"></span></td>

</tr>

</table>

 

You really need to clean this up. Doing so most likely will resolve a myriad of things.

 

jon

It's all just ones and zeros....

Link to comment
Share on other sites

Your header table is defined at 715 px. The body table is set to 730 px. Besides that, your tags are out of order:

 

</head>

<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

<!-- header //-->

 

<style type="text/css">

<!--

.style1 {font-weight: bold}

-->

</style>

 

<div style="height:21px; "></div>

<table width="715" border="0" cellspacing="0" cellpadding="0" align="center">

There's a miscalled style... etc.:

 

<table width="100%" bgcolor="#F4F4F4" border="0" cellspacing="0" cellpadding="0" align="right" style="border:1px solid #CFCFCF">

<tr><td width="100%" height="131" valign="top" background="images/theme/banner1.jpg" style="background-repeat:no-repeat;background-position:right "

Link to comment
Share on other sites

  • 2 weeks later...

I don't see that original posted issue is still a problem. What I do see on this page's HTML source is a mess of style tags that don't exist in your style sheet.

 

It is not your product name causing this problem.

 

Comparing the above product, which is wigging out, to this product, which looks normal, go look into the description you keyed in.

 

For this one product (at least), I believe your problem is there.

 

jon

It's all just ones and zeros....

Link to comment
Share on other sites

I don't see that original posted issue is still a problem. What I do see on this page's HTML source is a mess of style tags that don't exist in your style sheet.

 

It is not your product name causing this problem.

 

Comparing the above product, which is wigging out, to this product, which looks normal, go look into the description you keyed in.

 

For this one product (at least), I believe your problem is there.

 

jon

 

The original issue is still there, I was hoping someone would tell me excatly what code i need to put in. Sometimes the site is stretched and other times it isn't. Products are added and removed on a daily basis. It only stretches when products with a long name are entered.

 

With regards to this: product,

 

how can I prevent this? I've installed tiny MCE editor to give the data entry guys a bit more freedom. How comes that page is stretched? How the fonts look is entirely upto them. All i want to do is stop the site from stretching because it looks really bad.

Link to comment
Share on other sites

I did not mention anything about fonts. Your "data guys" are over using TinyMCE and keying in tags that don't match in the stylesheet for one thing. "They" are also using table width in px the product description. Your site uses % widths, not pixel widths:

 

HTML source view of the stretched product:

 

<p><p>Individual turntable flightcase. A solid 6mm laminated plywood flightcase to protect those all important turntables when on tour. Fits most common sizes, see table below.</p>
<table border="0" cellspacing="0" cellpadding="0" width="697">
<tbody><tr><td width="342" align="right" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="342">
<tbody><tr><td class="redborder2" height="21" align="right" valign="middle">
<div class="bodytext" align="left"><span class="bodytext">HOLDS: 1 X standard DJ turntable</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">6mm laminated plywood panels</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">Internal rigid foam protective padding</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">Riveted 35mm aluminium edge strips</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">Stacking ball corners</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">Recessed, sprung handles with rubber grip</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">Recessed butterfly latches</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">Interlocking dust proof lid edges</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">Dirt resistant vinyl finish</span></div></td></tr><tr><td class="redborder" height="21" align="right" valign="middle"><div align="left"><span class="bodytext">506mm W x 201mm H x 436mm D</span></div></td></tr></tbody></table><p> </p></td></tr><tr><td colspan="3"><table border="0" cellspacing="1" width="697"><tbody><tr align="left"><td><span class="tandttitle"><strong>Tried & Tested</strong> </span></td><td><span class="boldsubhead"><span class="tandttitle">: </span>The products listed below are known to fit this Kamkase...</span></td></tr><tr align="left"><td class="boldsubhead"><strong>Decks</strong></td><td class="tandttext" valign="bottom"><span class="tandttitle">:</span><span class="boldsubhead"> </span>DDX, ST, STR, SL, TT, TTX, PDT, PDX, ULTIMA, DLP, PD</td></tr></tbody></table></td></tr></tbody></table></p>

 

This is the code for the product that looks fine:

 

<p><p>The Deck Skirt fits neatly on to a 4' Pro disco stand, such as the <a href="../product_info.php/cPath/71_87/products_id/137"><font color="#0000ff">Prolight STAN12</font></a>. A bar is included to support the cloth and make it crease free. The durable starcloth measures 2.2m x 1m and has tabs round to fit to various situations.</p><ul><li>Uses 50 ultra bright white LED's</li><li>Compliments the backdrop system</li><li>Cloth size: 2.2m x 1m</li></ul></p>

 

Here's another one that looks fine:

 

<p><p>The Deck Skirt fits neatly on to a 4' Pro disco stand, such as the <a href="../product_info.php/cPath/71_87/products_id/137"><font color="#0000ff">Prolight STAN12</font></a>. A bar is included to support the cloth and make it crease free. The durable starcloth measures 2.2m x 1m and has tabs round to fit to various situations.</p><ul><li>Uses 50 ultra bright white LED's</li><li>Compliments the backdrop system</li><li>Cloth size: 2.2m x 1m</li></ul></p>

 

Look at the first product's code I posted above and compare it to the next two. Until you start really looking at what I'm posting to you in response to your problem -- analysing and comparing and digging in -- your problem will persist.

 

jon

It's all just ones and zeros....

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...