Split a table in my online store that uses java script

Hi, I am editing my html in my store, and adding a java script so instead of just showing the products and the customer clicking on the product and adding it to the cart, they add the item to the cart  from the "products" page. Easier to take a look at it- www.drcelly.com/store/c92 
As you can see the first three items have the drop down menu. I am editing all the items to have this menu. (I know if you press "add" it doesnt work right now- thats because I have not added the tag to referance it yet). Before I add the referance tags, I need to solve a table problem.

In my editing, (im a beguinner) I was finally able to get the tables looking and running good, just I must have lost a tag because my table is messed up- the products are showing up all in one line. Here is how it should look (the table setup) www.drcelly.com/store/c91

Any advice? Note: the code below isnt the entire html code, the entire code is real long, I didnt change any of the upper code, just this section has the table in it. I have worked on this all last night and a few hours today- I cant figure it out!
</script></td></tr></table></center></p></td>
              </tr>
            </table>            
            </td>
          <td bgcolor="#ffffff" width="100%"> 
            <table border="0" width="100%">
              <tr>
                <td colspan="3"><IMG height=1 src="spac.gif" width=80 border=0></td>
              </tr>
              <tr>
                <td><IMG height=71 src="spac.gif" width=4 border=0></td>
                <td width="100%" valign="top"><script language="JavaScript"> 
<!-- 
if (location.search.length > 1) 
document.write('<b>Results:</b><br><br>\n'); 
 
for (n=0; n<menu.length; n++) {
  var _a  = '';
      _a += '<b><a href="'+menu[n][LOC]+'">'+menu[n][TITLE]+'</a></b><BR>';
      _a += menu[n][DESCRIPTION]+'';
     _a += ''+menu[n][KEYWORDS]+'';
  document.write(_a);
}
if ((menu.length == 0) && (location.search.length > 1)) 
  document.write('Keyword "'+string+'" not found!\n'); 
// --> 
</script><br><a href='#'><img src='arrows_left.gif' OnClick='history.go(-1)' border='0'></a><br>
<table border='0' cellspacing='0' cellpadding='0'><tr>
<td valign='top'>
<!--Start Product-->
<table border="0" cellpadding="5" width="180">
  <tr>
    <td width="100%">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="160">
  <tr>
    <td valign="middle" align="center" background="orderline0.gif"><a href='1555.html'><img border='0' src='vx3200_phone_phone_g.jpg'width='226'height='226'></a></td>
  </tr>
</table>
<table border="0" width="100%">
  <tr>
    <td width="100%"><a href='1555.html'><img src='moreinfo.gif' border='0'></a><br><font face="Verdana" size="2"><br>
      Cell Phone (VX3200)</font><br>
      <font face="Arial" size="2" color="#000080"> <strike></strike></font><br>
<font face="Arial" size="2" color="#FF0000">Sales Price: $35.00</font></td>
  </tr>
</table>
    </td>
  </tr>
</table>
<!--End Product-->
</td>
<td valign='top'>
<!--Start Product-->
<table border="0" cellpadding="5" width="180">
  <tr>
    <td width="100%">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="160">
  <tr>
    <td valign="middle" align="center" background="orderline0.gif"><a href='759.html'><img border='0' src='6000_phone_phone_g.jpg'width='226'height='226'></a></td>
  </tr>
</table>
<table border="0" width="100%">
  <tr>
    <td width="100%"><a href='759.html'><img src='moreinfo.gif' border='0'></a><br><font face="Verdana" size="2"><br>
      Cell Phone (VX6000)</font><br>
      <font face="Arial" size="2" color="#000080"> <strike></strike></font><br>
<font face="Arial" size="2" color="#FF0000">Sales Price: $55.00</font></td>
  </tr>
</table>
    </td>
  </tr>
</table>
<!--End Product-->
</td>
<td valign='top'>
<!--Start Product-->
<table border="0" cellpadding="5" width="180">
  <tr>
    <td width="100%">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="160">
  <tr>
    <td valign="middle" align="center" background="orderline0.gif"><a href='757.html'><img border='0' src='6100_phone_g.jpg'width='226'height='226'></a></td>
  </tr>
</table>
<table border="0" width="100%">
  <tr>
    <td width="100%"><a href='757.html'><img src='moreinfo.gif' border='0'></a><br><font face="Verdana" size="2"><br>
      Cell Phone (VX6100)</font><br>
      <font face="Arial" size="2" color="#000080"> <strike></strike></font><br>
<font face="Arial" size="2" color="#FF0000">Sales Price: $60.00</font></td>
  </tr>
</table>
    </td>
  </tr>
</table>
<!--End Product-->
</td>
</tr></table>
 
<table border='0' cellspacing='0' cellpadding='0'><tr>
<td valign='top'>
<!--Start Product-->
<table border="0" cellpadding="5" width="180">
  <tr>
    <td width="100%">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="160">
  <tr>
    <td valign="middle" align="center" background="orderline0.gif"><a href='1556.html'><img border='0' src='7000 black_phone_phone_g.jpg'width='226'height='226'></a></td>
  </tr>
</table>
<table border="0" width="100%">
  <tr>
    <td width="100%"><a href='1556.html'><img src='moreinfo.gif' border='0'></a><br><font face="Verdana" size="2"><br>
      Cell Phone (VX7000 BLACK)</font><br>
      <font face="Arial" size="2" color="#000080"> <strike></strike></font><br>
<font face="Arial" size="2" color="#FF0000">Sales Price: $65.00</font></td>
  </tr>
</table>
    </td>
  </tr>
</table>
<!--End Product-->
</td>
<td valign='top'>
<!--Start Product-->
<table border="0" cellpadding="5" width="180">
  <tr>
    <td width="100%">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="160">
  <tr>
    <td valign="middle" align="center" background="orderline0.gif"><a href='755.html'><img border='0' src='7000 blue _phone_phone_g.jpg'width='226'height='226'></a></td>
  </tr>
</table>
<table border="0" width="100%">
  <tr>
    <td width="100%"><a href='755.html'><img src='moreinfo.gif' border='0'></a><br><font face="Verdana" size="2"><br>
      Cell Phone (VX7000 BLUE)</font><br>
      <font face="Arial" size="2" color="#000080"> <strike></strike></font><br>
<font face="Arial" size="2" color="#FF0000">Sales Price: $65.00</font></td>
  </tr>
</table>
    </td>
  </tr>
</table>
<!--End Product-->
</td>
<td valign='top'>
<!--Start Product-->
<table border="0" cellpadding="5" width="180">
  <tr>
    <td width="100%">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="160">
  <tr>
    <td valign="middle" align="center" background="orderline0.gif"><a href='753.html'><img border='0' src='9800_phone_phone_g.jpg'width='226'height='226'></a></td>
  </tr>
</table>
<table border="0" width="100%">
  <tr>
    <td width="100%"><a href='753.html'><img src='moreinfo.gif' border='0'></a><br><font face="Verdana" size="2"><br>
      Cell Phone (VX9800)</font><br>
      <font face="Arial" size="2" color="#000080"> <strike></strike></font><br>
<font face="Arial" size="2" color="#FF0000">Sales Price: $170.00</font></td>
  </tr>
</table>
    </td>
  </tr>
</table>
<!--End Product-->
</td>
</tr></table>
<a href='#'><img src='arrows_left.gif' OnClick='history.go(-1)' border='0'></a><p></td>
                <td><IMG height=71 src="spac.gif" width=4 border=0></td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td bgcolor="#0099cc"><IMG height=23 src="spac.gif" width=175></td>
          <td bgcolor="#ffffff" class="forTexts" width="100%"> 
            <hr width="90%" size="1">
          </td>
        </tr>
        <tr bgcolor="#ffffff" valign="top"> 
          <td bgcolor="#006699"><IMG height=23 src="spac.gif" width=175></td>
          <td bgcolor="#ffffff" class="forTexts" width="100%"> 
            <p align="center">
            <font face="Arial" size="2">
            <A href="aboutus.html">About us</A>&nbsp; 
            | <A href="contact.html">Contact</A> 
            | <A href="products.html"><br>
            </A></font><IMG height=16 src="spac.gif" width=161 border=0></p>
          </td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td height="19" background="top_row_bg.gif"><div align="center" class="forCopyright"> <font face="Arial" size="2" color="#ffffff">©
        EM Auctions. All rights reserved.</font></div></td>
  </tr>
</table>
</body>
</html>

Open in new window

mds332200Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

scrathcyboyCommented:
Nice presentation, but problems with this webpage are as follows --

YOu need some HTML in the page, you can't do it all by javascript, when you want to click on an item to add it to the cart, simple HTML FORM does that just fine.

Second, don't use FRAMES -- they are antique, the do not index very well in search engines, and you do not need them on this page.

YOu can do your entire layout with either TABLES or CSS style sheets.

Follow this layout for all tables --

<TABLE>
 <TBODY>
   <TR>
     <TD> here is where you put images, data, text and even more tables </TD>
    </TR>
     <TR>
        <TD>  next line of images and links will go here, on next row </TD>
      </TR>
   </TBODY>
</TABLE>

stick to that and use regular html in your pages.   You are off to a GREAT start.
0
mds332200Author Commented:
Hi, I appreciate the advice however I have over 1,400 items in the online store, and using that layout would require editing all the pages manually; and we have just worked on it too long to start over (probally about 3 months). Plus consittering I am a newbie when it comes to html editing, that would not be too ideal. The way the pages are set up currently, if I created a single page and linked items off that, it would not load the top "shopping cart".

But after about 10 more hours of trial and error- I located the problem. My problem was I had several extra tags, but most importantly I did not have the
</form> tag after each item. Thanks for the reply though
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.