title: scaling table for mobile web app
body: <p>I am trying to scale my table in PHP for a mobile web app, and i have quite a lot of fields echoed out.</p>
  
  <p>Is there a neat way to style these as they are too far right at the minute </p>
  
  <pre><code>echo "&lt;table cellspacing=\"0\" class=\"recordsTableBG\"&gt; &lt;thead class=\"recordsTableHeader\" &gt;";
  echo '&lt;tr class="alternateRowColor"&gt;';
  echo '&lt;tr&gt;&lt;th&gt;id&lt;/th&gt;&lt;th&gt;amount&lt;/th&gt;&lt;th&gt;submission&lt;/th&gt;&lt;th&gt;project_id&lt;/th&gt;&lt;th&gt;status&lt;/th&gt;&lt;th&gt;description&lt;/th&gt;&lt;th&gt;delete&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;';
    //echo "&lt;form method='post' action=\"pmsystem.php?page=sentbox\"&gt;".
             echo "&lt;form method='post' action=\"viewrecordsemp1.php\"&gt;".
              "    &lt;input type=\"hidden\" name=\"deleteMessage\" value=\"yes\"&gt;".
              "    &lt;input type=\"hidden\" name=\"id\" value=\"$id\"&gt;".
              "&lt;td&gt;&lt;b&gt;$id &lt;/b&gt; &lt;br&gt;&lt;/td&gt;".
              "&lt;td&gt;$amount&lt;/a&gt;&lt;br/&gt;&lt;/td&gt;".
              "&lt;td&gt;$submission&lt;/a&gt;&lt;br/&gt;&lt;/td&gt;".
              "&lt;td&gt;$project_id&lt;/a&gt;&lt;br/&gt;&lt;/td&gt;".
              "&lt;td&gt;$status&lt;/a&gt;&lt;br/&gt;&lt;/td&gt;".
              "&lt;td&gt;$description&lt;/a&gt;&lt;br/&gt;&lt;/td&gt;".
              "    &lt;input type=\"hidden\" name=\"thisPage\" value=\"$thisPage\"&gt;".           
              "   &lt;td&gt; &lt;input type=\"image\" src=\"images/delete.jpg\" alt=\"Delete contact\" onClick = \"return confirm('$first_name are you sure you want to delete this message?')\";&gt;&lt;/td&gt;".
              "    &lt;/form&gt;";
  
              echo "&lt;/table&gt;";
              echo "&lt;hr = '1'&gt;";
  </code></pre>