Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Converting to 960Grid system

2:50 pm on Apr 15, 2011 (gmt 0)

New User

10+ Year Member

joined:Sept 29, 2005
posts: 24
votes: 0

Need help converting the code below 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

This code is contained within a container-16 element:

<!-- COLUMN-LEFT -->
<div id="column-left" class="grid-11 suffix-1">
<div id="column-left-inner" class="grid-11 clearfix">
<!-- CONTENT -->
<div id="content">
<div id="content-body">
<!-- HEADER_IMG -->
<div id="header_img">
<img src="images/banner4.jpg" width="640" id="banner" />
<!-- FILTER-ROW -->
<div id="filter-row">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<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><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>
<!-- TASK-ROW -->
<div id="task-row">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<td width="107">
<img src="taskimages/a4d11fddb35c9f__donate.jpg" width="106" height="76" />
<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">
<td width="15%">
<a href="task_desc.php?No=21" class="heading">
Read more
<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 width="8%">
<div id ="share21" style="display:none;">
<td width="4%">&nbsp;</td>
<a href="fb_link" target="_blank" class="heading">
<img src="images/btn-facebook.png" alt="twitter" width="16" height="16" align="absmiddle" />
<a href="twitter_link" target="_blank" class="heading">
<img src="images/btn-twitter.png" alt="twitter" width="16" height="16" align="absmiddle" />
<td width="4%">&nbsp;</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>
<!-- END TASK-ROW -->
<!-- END CONTENT -->
<!-- COLUMN-LEFT -->

Any help would be greatly appreciated.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members