title: Tables: Make the column in a certain row wider, without the entire table column widening
body: <p>I have created the following table to display database results:</p>
  
  <p>echo "";
          echo " ID First Name Last Name Company Name Telephone Alt/ Telephone   Address   Town  Postcode       ";</p>
  
  <pre><code>    // loop through results of database query, displaying them in the table 
      for ($i = $start; $i &lt; $end; $i++)
      {
              // make sure that PHP doesn't try to show results that don't exist
              if ($i == $total_results) { break; }
              // echo out the contents of each row into a table
              echo "&lt;tr class='main'&gt;";
              echo '&lt;td&gt;' . mysql_result($result, $i, 'id') . '&lt;/td&gt;';
              echo '&lt;td&gt;' . mysql_result($result, $i, 'First_Name') . '&lt;/td&gt;';
              echo '&lt;td&gt;' . mysql_result($result, $i, 'Surname') . '&lt;/td&gt;';
              echo '&lt;td&gt;' . mysql_result($result, $i, 'Company_Name') . '&lt;/td&gt;';
              echo '&lt;td&gt;' . mysql_result($result, $i, 'Telephone') . '&lt;/td&gt;';
              echo '&lt;td&gt;' . mysql_result($result, $i, 'Alt_Telephone') . '&lt;/td&gt;';
              echo '&lt;td&gt; &lt;div style="width: 200px"&gt;' .  nl2br(mysql_result($result, $i,'line_1')) . '&lt;/div&gt;&lt;/td&gt;';
              echo '&lt;td&gt;' . mysql_result($result, $i, 'town') . '&lt;/td&gt;';
              echo '&lt;td&gt;' . mysql_result($result, $i, 'postcode') . '&lt;/td&gt;';
              echo '&lt;td&gt;&lt;a href="edit.php?id=' . mysql_result($result, $i, 'id') . '"&gt;&lt;img src="img\Edit.jpg" title="Edit"/&gt;&lt;/a&gt;&lt;/td&gt;';
              echo '&lt;td&gt;&lt;a href="delete.php?id=' . mysql_result($result, $i, 'id') . '"&gt;&lt;img src="img\delete.jpg" Title="Delete"/&gt;&lt;/ /&gt;&lt;/a&gt;&lt;/td&gt;';
              echo '&lt;td&gt;&lt;a href="archive.php?id=' . mysql_result($result, $i, 'id') . '"&gt;&lt;img src="img\Archive.jpg" Title="Archive"/&gt;&lt;/ /&gt;&lt;/a&gt;&lt;/td&gt;';
              echo '&lt;td&gt;&lt;a href="NewJob.php?id=' . mysql_result($result, $i, 'id') . '"&gt;&lt;img src="img\job.jpg" Title="New Job"/&gt;&lt;/ /&gt;&lt;/a&gt;&lt;/td&gt;';
              echo "&lt;/tr&gt;"; 
              if (isset($_SESSION['showNotes'])){
              echo "&lt;tr&gt;";
              echo '&lt;td&gt;&lt;div "&gt;' .  nl2br(mysql_result($result, $i, 'notes')) . '&lt;/div&gt;&lt;/td&gt;';
              echo "&lt;/tr&gt;"; 
              }
      }
      // close table&gt;
      echo "&lt;/table&gt;"; 
  </code></pre>
  
  <p>The if statement at the bottom runs true when a button is pressed (Show Notes) when this is pressed the table displays all of the customer details in a row, then the notes associated with that customer in the row below. the next row is the next customer details followed by their notes..ect.</p>
  
  <p>The table displays like : </p>
  
  <pre><code>+-----------------------------------------------------------+
  |ID  |  First Name | Surname  | Company Name  |  Tel  | ect |
  |                                                           |
  +-----------------------------------------------------------+
  |Notes|                                                     |
  |     |                                                     |
  +-----------------------------------------------------------+
  </code></pre>
  
  <p>However I want the notes column to to be larger and go about half way across to the tel column, rather than only the ID column, I tried to increase the size of the notes column but it also increased the size of ID rather than going below First name or Surname.</p>
  
  <p>I tried using a div tag like this:</p>
  
  <pre><code>echo '&lt;td&gt;&lt;div style="width: 200px "&gt;' .  nl2br(mysql_result($result, $i, 'notes')) . '&lt;/div&gt;&lt;/td&gt;';
  </code></pre>
  
  <p>Is there a way I can increase the size of just the notes field?</p>