Hi,

I am trying to collapse the borders on this table and I can't seem to get it right. Maybe just a 'bit' too much coding for me lately...

<script type="text/javascript" language="javascript" src="{$skin_javascript}/norightclick.js"></script>

{if $order->itemsCount >0}

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

	<tr><td class="PageHeader">Your Cart</td></tr>

	<tr><td class="PageNavigation">

			<img src="{$skin_images}/textmenu_arrow_right.gif"> Step 1: Edit Cart

		</td>

	</tr>

	<form name="frmCart" action="{$index_url}?p=cart" method="POST" onSubmit="return CheckCartForm(this)">

	<input type="hidden" name="oa" value="{$ORDER_UPDATE_ITEMS}">

	<input type="hidden" name="confirm_id" value="{$order->security_id}">

</table>

<script type="text/javascript" language="JavaScript"><!--

{literal}

	function doCheckOut(){

		document.location={/literal}"{$index_url}?p=login"{literal};

		return false;

	}

	function GoToShippingForm(){

		document.forms["frmCart"].elements["oa"].value = {/literal}"{$ORDER_SHIPPING_INFO}"{literal};

		document.forms["frmCart"].submit();

	}

	function ContinueShopping(){

		document.forms["frmCart"].elements["oa"].value = {/literal}"{$ORDER_CONTINUE_SHOPPING}"{literal};

		document.forms["frmCart"].submit();

	}

{/literal}

--></script>

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

{section name=order_item loop=$order_items}

	<tr><td colspan="5" class="CatalogItemDark" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			<b><a href="{$order_items[order_item].pid|getProductUrl}&parent={$order_items[order_item].cid1}">{$order_items[order_item].title|gs}</a></b>

		</td>

	</tr>

	<tr valign="top">

		<td width="20%" align="center" class="CatalogItemLight" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			<a href="{$order_items[order_item].pid|getProductUrl}&parent={$order_items[order_item].cid1}">

				{if $order_items[order_item].image || $products[order_item].thumb}

					{if $order_items[order_item].image_location == "Web"}

						{assign var=thumb_url value = $order_items[order_item].thumb}

					{else}

						{if $order_items[order_item].thumb}

							{assign var=thumb_url value=$order_items[order_item].thumb}

						{else}

							{assign var=thumb_url value=$order_items[order_item].image}

						{/if}

					{/if}

					<img src="{$thumb_url}" width="{$CatalogThumbSize}" height="{$CatalogThumbSize}" border="1"><br>

				{else}

					{$imageNoImageSmall}

				{/if}

			</a>

			{if $order_items[order_item].is_hotdeal == "Yes"}

				<br><font color="{#ColorCatalogHotdeal#}">Hot Deal!</font>

			{/if}

		</td>

		<td width="35%" class="CatalogItemLight" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			Product ID : {$order_items[order_item].product_id}<br>

			

			{*** Start Case / Inter Pack ***}

			{if ($WholesaleCasePack == "YES" || $WholesaleInterPack == "YES") && ($order_items[order_item].case_pack>0 || $order_items[order_item].inter_pack>0)}

				{product_pack_title case_pack=$order_items[order_item].case_pack inter_pack=$order_items[order_item].inter_pack} :

				{product_pack_value case_pack=$order_items[order_item].case_pack inter_pack=$order_items[order_item].inter_pack}

				<br>

			{/if}

			

			{*** Start Weight ***}

			{if $ShippingShowWeight == "YES"}

				{if $order_items[order_item].free_shipping == "Yes"}

					Weight: <u>Free Shipping</u><br>

				{elseif $order_items[order_item].weight > 0}

					Weight: {$order_items[order_item].weight|weight}<br>

				{/if}

			{/if}

			

			{*** Start Min/Max Order ***}

			{if $order_items[order_item].min_order>1 || $order_items[order_item].max_order > 0}

				Min / Max Order : 

				{product_minmax_order min_order=$order_items[order_item].min_order max_order=$order_items[order_item].max_order}

				<br>

			{/if}

			

			{if $order_items[order_item].options != ""}

				{assign var=options value=$order_items[order_item].options_parsed}

				<table cellpadding="0" cellspacing="0" border="0">

				{foreach from=$options item=option}

					<tr valign="top">

						<td width="10" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">-</td>

						<td style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;"><i>{$option.value|gs}</i></td>

					</tr>

				{/foreach}

				</table>

				<!--<u>Selected attributes :</u><br>-->

				<!--<i>{$order_items[order_item].options|nl2br}</i><br>-->

			{/if}

			&nbsp;

			<table cellpadding="0" cellspacing="0" border="0">

				<tr>

					<td><a href="{$index_url}?p=catalog&parent={$order_items[order_item].cid1}">{$imageClickToView}</a></td>

					<td class="CatalogItemLight"><a href="{$index_url}?p=catalog&parent={$order_items[order_item].cid1}">More in {$order_items[order_item].cat_name|gs} Category</a></td>

				</tr>

				<tr>

					<td><a href="{$order_items[order_item].pid|getProductUrl}&parent={$order_items[order_item].cid1}">{$imageClickToView}</a></td>

					<td class="CatalogItemLight"><a href="{$order_items[order_item].pid|getProductUrl}&parent={$order_items[order_item].cid1}">Click here to view</a></td>

				</tr>

			</table>

		</td>

		<td width="10%" valign="middle" align="center" class="CatalogItemLight" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			<input type="hidden" name="min_oa_quantity[{$order_items[order_item].ocid}]" value="{$order_items[order_item].min_order}">

			<input type="hidden" name="max_oa_quantity[{$order_items[order_item].ocid}]" value="{$order_items[order_item].max_order}">

			<input type="text" maxlength="6" name="oa_quantity[{$order_items[order_item].ocid}]" style="font-size:10px;width:55px;" value="{$order_items[order_item].quantity}"><br>

		</td>

		<td width="15%" valign="middle" align="center" class="CatalogItemLight" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			{*** Start Case OR Unit Price ***}

			<span style="font-family:Tahoma;font-size:14px;color:{#ColorCatalogPrice#};"><b>{$order_items[order_item].product_price|price}</b></span>

		</td>

		<td width="20%" valign="middle" align="center" class="CatalogItemLight" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			<table cellpadding="0" cellspacing="5" border="0">

				<tr>

					<td><a href="javascript:CartConfirmDeleteItem('{$order_items[order_item].ocid}')">{$imageDeleteItem}</a></td>

					<td style="font-size:9px;"><a href="javascript:CartConfirmDeleteItem('{$order_items[order_item].ocid}')">Remove Item</a></td>

				</tr>

			</table>

			</a>

		</td>

	</tr>

{/section}

</table>



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

	<tr><td colspan="2"><img src="{$skin_images}/zerro.gif" height="5"></td></tr>

	{if $order->discountAmount >0}

	<tr>

		<td align="right" class="FormSeparator" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			<b>Discount :</b>&nbsp;

		</td>

		<td class="FormSeparator" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			<b><font color="{#ColorCatalogPrice#}">{$order->discountAmount|price}

			{if $order->discountType == "percent"}

				(-{$order->discountValue|string_format:"%.2f"}%)

			{/if}

			</b></font>

		</td>

	</tr>

	<tr>

		<td colspan="2" align="center"  style="padding:5px;" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			(Note: Subtotal does not include discounts. Discounts will appear at checkout)

		</td>

	</tr>

	<tr><td colspan="2" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;"><img src="{$skin_images}/zerro.gif" height="5"></td></tr>

	{/if}

	<tr>

		<td width="50%" align="right" class="FormSeparator" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;"><b>Subtotal Amount :</b>&nbsp;</td>

		<td width="50%" style="width:100px;" class="FormSeparator" style="border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;">

			<b><font color="{#ColorCatalogPrice#}">{$order->subtotalAmount|price}</font></b>

		</td>

	</tr>

</table>

<p align="center">

{if $auth_ok == "yes"}

	<input {$buttonShipping} default onClick="if(CheckCartForm(document.forms['frmCart']))GoToShippingForm();return false;"> &nbsp;

{else}

	<input {$buttonCheckout} onClick="doCheckOut();return false;"> &nbsp;

{/if}

	<input {$buttonUpdateCart} onClick="return true;"> &nbsp;

	<input {$buttonEmptyCart} onClick="CartConfirmEmpty();return false;"> &nbsp;

	<input {$buttonContinueShopping} name="continue_shopping" onClick="ContinueShopping();return false;">

</p>

</form>

<blockquote>

{if $auth_ok == "yes"}

	To complete your order click over "Shipping" button. 

{else}

	To checkout your order you must be a registered user, and login.

	To register right now <a href="{$index_url}?p=signup">click here</a>. 

	Already registered? Please <a href="{$index_url}?p=login">click here to login</a>.

{/if}

</blockquote>

{else}

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

	<tr><td class="PageHeader">Your cart</td></tr>

</table>

<blockquote>

	<b>Your cart is empty</b>

	<p>

		What do you want to do now?

		<li><a href="{$index_url}?p=catalog&mode=catalog">Browse products</a></li>

		<li><a href="{$index_url}?p=expanded">See expanded catalog tree</a></li>

		<li><a href="{$index_url}">Go to home page</a></li>

	</p>

	<p>

		If you have already added items to your cart

		and it's still empty, please check to be sure your browser is set to accept cookies.<br>

		Please <a href="{$index_url}?p=cookies">click here</a> to learn more how to enable cookies.

	</p>

</blockquote>

{/if}

Can someone help me fix this this problem? My objective is to remove all the dark black borders out...The one's that run vertical in that code ▲. I want to remove them so that the the output looks like this:▼

<table width="486" height="60">
	<tr>
		<td style="border:1px solid #000;" bgcolor="#CCCCCC" bordercolor="#000000">&nbsp;</td>
	</tr>
</table>

Note: I have tried alot of different ways, but it just doesn't wanna cooperate with me

Thank you!
-Brian

hi Brian07002,

maybe you should try to solve your problem by using css.
this code will collapse your borders (from the table):

<style type="text/css">
<!--
table{
border:0;
}
td{
border:1px solid #000;
background-color:#ccc;
}
//-->
</style>

...put this code between </title></head>

in your second code you have the declaration of border-color twotimes.
first you have 'border:1px solid #000' and than you have bordercolor='#000000' aswell.
try to stay in one kind of style.
css or html
I prefer css because the code is getting faster you can split between style and text.
mybe you should read more about using css/ html http://www.w3c.org.

mfg

akratellio

Hi,

Sorry for the late reply. I use a shopping cart which uses many html files...I don't have just one html page to put your code into. Would I just add it to the page I want to change, all the html pages, or should I add it to the supplied style.css file that is included within the cart?

Thank you.
-Brian