Need help converting to 960Grid system

HTML & CSS
1

Welcome to AdvertiseSolutions

Need help converting the above to use 960 grid system. Most is already done by “cloning” the FourKitchens.com main page but I can’t get the last three tables to work correctly.

2

Your question is a bit vague. What last three tables? What is ‘working correctly’? What are you aiming for?

3

What I’m aiming for is to have the page totally in 960gs with no layout tables.
If you looked at the code you will see there are three tables left in the code. I need them converted to use 960gs. The rest of the page is built using 960gs.

4

Here is the code that needs to be converted.
This code is contained within a container-16 element:


<!-- COLUMN-LEFT -->
<div id="column-left" class="grid-11 suffix-1">
  <!-- COLUMN-LEFT-INNER -->
  <div id="column-left-inner" class="grid-11 clearfix">
    <!-- CONTENT -->
    <div id="content">
      <!-- CONTENT-BODY -->
      <div id="content-body">
        <!-- HEADER_IMG -->
        <div id="header_img">
          <img src="images/banner4.jpg" width="640" id="banner" />
        </div>
        <!-- END HEADER_IMG -->
        <!-- FILTER-ROW -->
        <div id="filter-row">
          <table width="100%" border="1" cellspacing="0" cellpadding="0">
            <tr>
              <td><strong>Filter by :</strong> <a href="categorytasks.php?category=&mny=&f=l">Latest</a> | <a href="categorytasks.php?category=&mny=&f=p">Most Popular</a> | <a href="categorytasks.php?category=&mny=&f=r11">Highest Rated</a>&nbsp;</td>
              <td>&nbsp;</td>
              <td><strong>For $</strong>
              <form name="mnyform" method="post" enctype="multipart/form-data">
              <select name="mnyindex" onChange="indexcategoryload(document.mnyform.mnyindex.value)">
                    <option value="5">5</option>
                    <option value="10">10</option>
                    <option value="25">25</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="150">150</option>
                    <option value="250">250</option>
                    <option value="500">500</option>
                    <option value="1">1</option>
                  </select>
                </form>
              </td>
             </tr>
           </table>
        </div>
        <!-- END FILTER-ROW -->
        <!-- TASK-ROW -->
        <div id="task-row">
           <table width="100%" border="1" cellspacing="0" cellpadding="0">
             <tr>
              <td width="107">
                <img src="taskimages/a4d11fddb35c9f__donate.jpg" width="106" height="76" />
              </td>
              <td width="17">&nbsp;</td>
              <td width="476">
                <a href="task_desc.php?No=21" class="mainheading">I Will Keep it real for $1</a></span><br />
                Just keep it real<br /><br />
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="15%">
                      <a href="task_desc.php?No=21" class="heading">
                        Read more
                      </a>
                      <img src="images/small_twitter.jpg" width="43" height="27" align="absmiddle" />&nbsp;<span class="share" onClick="showHideDiv('share21')" style="cursor:pointer;"> Share</span>
                    </td>
                    <td width="8%">
                      <div id ="share21" style="display:none;">
                        <td width="4%">&nbsp;</td>
                        <td>
                          <a href="fb_link" target="_blank" class="heading">
                            <img src="images/btn-facebook.png" alt="twitter" width="16" height="16" align="absmiddle" />
                          </a>
                          <a href="twitter_link" target="_blank" class="heading">
                            <img src="images/btn-twitter.png" alt="twitter" width="16" height="16" align="absmiddle" />
                          </a>
                        </td>
                        <td width="4%">&nbsp;</td>
                      </div>
                    </td>
                    <td width="1%">&nbsp;</td>
                    <td width="17%" align="right"><a href="task_desc.php?No=21"><img src="images/order_now_btn2.gif" border="0" /></a></td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </div>
        <!-- END TASK-ROW -->
      </div>
      <!-- END CONTENT-BODY -->
    </div>
    <!-- END CONTENT -->
  </div>
  <!-- END COLUMN-LEFT-INNER -->
</div>
<!-- COLUMN-LEFT -->