Jump to content

Complex table help


phpnoob90

Recommended Posts

All of my website content is in a table, the navigation bar is currently on the right hand side but id like to move it to the left but im not sure how without making a whole new table,please take a look at my code below and see if you can help.The cell that i want moved from right to left is:

<td valign="top" class="bg_side"><? require(FULL_PATH."/include_left_index.php");?></td>

 

Thanks a lot, any help is MUCH appreciated.

 

 

<body>

  <div style="margin-right: auto; margin-left: auto; width: 770px;">

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

    <tr>

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

        <tr>

          <td valign="top" class="bg_body"><table border="0" cellpadding="0" cellspacing="0" style="width:100%">

            <tr>

              <td><img src="<?php echo $siteurl ?>/images/top01.gif" width="531" height="27" /></td>

              </tr>

            <tr>

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

                <tr>

          <td><a href="<?php echo $siteurl ?>/property_search.php"><img src="<?php echo $siteurl ?>/images/but_01.gif" width="166" height="49" border="0" alt="" title="" /></a></td>

          <td><a href="<?php echo $siteurl ?>/seller_login.php"><img src="<?php echo $siteurl ?>/images/but_02.gif" width="125" height="49" border="0" alt="" title="" /></a></td>

          <td><a href="<?php echo $siteurl ?>/buyer_login.php"><img src="<?php echo $siteurl ?>/images/but_03.gif" width="112" height="49" border="0" alt="" title="" /></a></td>

          <td><a href="<?php echo $siteurl ?>/aboutus.php"><img src="<?php echo $siteurl ?>/images/but_04.gif" width="128" height="49" border="0" alt="" title=""/></a></td>

        </tr>

               

              </table></td>

              </tr>

            <tr>

              <td><img src="<?php echo $siteurl ?>/images/top02.gif" width="531" height="56" /></td>

              </tr>

            <tr>

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

                <tr>

                  <td class="bg_grey"><table border="0" align="center" cellpadding="0" cellspacing="0">

                    <tr>

                      <td> </td>

                    </tr>

                    <tr>

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

                        <tr>

                          <td><a href="index.php"><img src="<?php echo $siteurl ?>/images/but_home.gif" width="56" height="19" border="0" /></a></td>

                          <td><a href="<?php echo $siteurl ?>/sitemap.php"><img src="<?php echo $siteurl ?>/images/but_sitemap.gif" width="74" height="19" border="0" /></a></td>

                          <td><a href="<?php echo $siteurl ?>/contact.php"><img src="<?php echo $siteurl ?>/images/but_contact.gif" width="86" height="19" border="0" /></a></td>

                        </tr>

                      </table></td>

                    </tr>

                   

                  </table></td>

                  <td style="width:300px"><img src="<?php echo $siteurl ?>/images/mainpix.gif" width="300" height="40" /></td>

                </tr>

              </table></td>

              </tr>

            <tr>

              <td><img src="<?php echo $siteurl ?>/images/mainpix01.gif" width="531" height="227" /></td>

              </tr>

            <tr>

              <td style="height:13px"> </td>

              </tr>

            <tr>

              <td> </td>

            </tr>

           

          </table>

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

              <tr>

                <td>

 

               

                            <!-- start main content -->

<form name="frmIndex" action="searchlisting.php" method="post">

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

                <tr><td>

 

<table style="width:100%"  border="0" align="right" cellpadding="0" cellspacing="0" class="bg_color_mainindex">

 

                    <tr>

                      <td  class="bg_topgrey">   <img src="images/title_findahome.gif" width="118" height="16" alt="" title="" /></td>

                    </tr>

<tr>

                      <td><table class="bg_color_mainindex" style="height:100px;" width="99%"  border="0" align="right" cellpadding="0" cellspacing="0">

                        <tr>

                          <td> </td>

                        </tr>

                        <tr>

                          <td style="height:30px"><table width="100%"  border="0" cellpadding="0" cellspacing="0" style="width:100%">

                            <tr>

                              <td width="203" style="width:330px"><input name="city" type="text" class="input02" value="Enter City" style="width:140px" /></td>

                              <td width="0">

                                <select name="state_id" class="select03">

                                  <option value="">County</option>

                                  <option value="<?php echo $rows[state_id]?>"><?php echo $rows[printable_name]?></option>

                                  <?  if($country_id=="")

$sql="select s.state_id, s.printable_name from ".TABLE_PREFIX."state s, ".TABLE_PREFIX."country c where s.country_id=c.country_id and c.iso='".C_ISO."' ";

else

$sql="select s.state_id, s.printable_name from ".TABLE_PREFIX."state s, ".TABLE_PREFIX."country c where s.country_id=c.country_id and c.country_id=$country_id";

if($rs = mysql_query($sql)){

while($rows=mysql_fetch_array($rs)){ ?>

                                  <? }

mysql_free_result($rs);

}

?>

                                </select>

</td>

                              <td width="50" class="txt_link02" style="width:130px;">    -- or --</td>

                              <td width="151" style="width:130px"><div align="left"><input name="zip" type="text" class="input02" value="Post Code" style="width:120px" />

                              </div></td>

                            </tr>

                          </table></td>

                        </tr>

                        <tr>

                          <td style="height:30px"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                            <tr>

                              <td width="208" style="width:100px">

    <select name="price_min" class="select">

                                <option value="" selected="selected">Price Range</option>

<? $increment=500;

  for($i=500; $i<=1000000; $i=$i+$increment){

  if($i>3500){$increment=3000;}

elseif($i>10000){$increment=5500;}

elseif($i>10000){$increment=15000;}

elseif($i>20000){$increment=25000;}

?>

<option value="<?php echo $i?>"><?php echo CURRENCY.number_format($i)?></option>

<? }?>                               

</select>

  </td>

                              <td width="124" style="width:60px"><div align="center"><span class="txt_link02">-- to --</span></div></td>

                              <td width="270" style="width:130px">

<select name="price_max" class="select">

                                <option value="" selected="selected">no maximum</option>

<? $increment=1000;

  for($i=1000; $i<=1000000; $i=$i+$increment){

  if($i>3500){$increment=3000;}

elseif($i>10000){$increment=5500;}

elseif($i>10000){$increment=15000;}

elseif($i>20000){$increment=25000;}

?>

<option value="<?php echo $i?>"><?php echo CURRENCY.number_format($i)?></option>

<? }?>                               

                                </select>  

  </td>

 

                              <td width="398" class="txt_link02" style="width:180px">  --

  <a href="property_search.php" class="txt_link02">More Search Options</a> --</td>

                            </tr>

                          </table></td>

                        </tr>

                        <tr>

                          <td style="height:30px"><table style="width:100%"  border="0" cellspacing="0" cellpadding="0">

                            <tr>

                              <td style="width:195px">

  <select name="beds" class="select" style="width:145px">

                              <option value="99" selected="selected">Beds</option>

  <option value="1">1 or more</option>

  <option value="2">2 or more</option>

  <option value="3">3 or more</option>

  <option value="4">4 or more</option>

  <option value="5">5 or more</option>  

                              </select>

  </td>

 

                              <td style="width:120px">

  <select name="baths" class="select">

                              <option value="99" selected="selected">Baths</option>

  <option value="1">1 or more</option>

  <option value="2">2 or more</option>

  <option value="3">3 or more</option>

  <option value="4">4 or more</option>

  <option value="5">5 or more</option>  

  </select>  

  </td>

                              <td class="txt_content01" style="width:170px">   </td>

                            </tr>

                          </table></td>

                        </tr>

                      </table></td>

                    </tr>

                    <tr>

                      <td> </td>

                    </tr>

                    <tr>

                      <td> </td>

                    </tr>

                  </table>

 

               

              </td>

            </tr>

            <tr>

              <td colspan="2" class="bg_findbottom">

 

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

                <tr>

                  <td width="393"></td>

                  <td><input type="image" src="images/but_search01.gif" onclick="javascript:SearchTop();" /></td>

                  <td><input type="image" src="images/but_reset01.gif" onclick="this.form.reset(); return false;" /></td>

                  <td> </td>

                </tr>

 

              </table>

 

  </td>

            </tr>

<tr>

                  <td><img src="templates/images/spacer.gif" width="1" height="1" /></td>

                </tr>

            </table></form>

 

          <table style="width:97%"  border="0" align="center" cellpadding="0" cellspacing="0">

                <tr>

                  <td style="height:30px" valign="bottom"><img src="images/title_featuredhomes.gif" width="165" height="19" alt="" title="" /></td>

                </tr>

<tr>

<td style="height:20px "> </td>

</tr>

                </table>

               

<!-- end main content -->

</td>

              </tr>

            </table></td>

          <td valign="top" class="bg_side"><? require(FULL_PATH."/include_left_index.php");?></td>

        </tr>

      </table></td>

    </tr>

    <tr>

      <td class="bottom"><table border="0" align="center" cellpadding="0" cellspacing="0" style="width:100%">

        <tr>

          <td class="txt_link03"><a class="txt_link02" href="<?php echo $siteurl?>/optinout.php">Newsletter</a> |

      <a class="txt_link02" href="<?php echo $siteurl?>/vote.php">Poll</a> |

      <a class="txt_link02" href="<?php echo $siteurl?>/faq.php">FAQ</a></td>

          <td class="txt_link02"> </td>

        </tr>

      </table></td>

    </tr>

  </table>

    </div>

</body>

</html>

Link to comment
Share on other sites

You can't do it easily. And you shouldn't do it with a table. People (or at least anyone above a beginner) haven't been laying out pages with tables for about 5 or so years.

 

Spend some time and do some tutorials on CSS and learn to lay out your pages with CSS, not tables.

Link to comment
Share on other sites

Sure this forum is laid out using tables. But its not exactly a nice design or anything. Its functional, but its not pretty.

 

Forums don't particularly need to be pretty however, so its not a big deal.

 

Tables should be used for laying out tabular information - posts on a forum are tabular information, so that part is correct. But laying out design with tables is out of date, and any professional worth his money wont do it.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.