title: Responsive web page - splash page
body: <p>I know this is a basic question but I'm having difficultly making my site responsive.</p>
  
  <p>It is a basic page that I've done in Photoshop. I've tried a lot of things to make it responsive with no luck.</p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;newbeebosite&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;/head&gt;
  &lt;body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt;
  &lt;!-- Save for Web Slices (newbeebosite.psd) --&gt;
  &lt;table id="Table_01" width="1601" height="1401" border="0" cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
          &lt;td colspan="7"&gt;
              &lt;img src="images/Home_01.jpg" width="1600" height="21" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="1" height="21" alt=""&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="5" rowspan="2"&gt;
              &lt;img src="images/Home_02.jpg" width="1216" height="46" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/Home_03.jpg" width="192" height="45" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/Home_04.jpg" width="192" height="45" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="1" height="45" alt=""&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2" rowspan="2"&gt;
              &lt;img src="images/Home_05.jpg" width="384" height="88" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="1" height="1" alt=""&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;img src="images/Home_06.jpg" width="78" height="87" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/Home_07.jpg" width="251" height="87" alt=""&gt;&lt;/td&gt;
          &lt;td colspan="3"&gt;
              &lt;img src="images/Home_08.jpg" width="887" height="87" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="1" height="87" alt=""&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="3"&gt;
              &lt;img src="images/Home_09.jpg" width="971" height="160" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/Home_10.jpg" width="1" height="160" alt=""&gt;&lt;/td&gt;
          &lt;td colspan="2"&gt;
              &lt;img src="images/Home_11.jpg" width="436" height="160" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/Home_12.jpg" width="192" height="160" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="1" height="160" alt=""&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="7"&gt;
              &lt;img src="images/Home_13.jpg" width="1600" height="1086" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="1" height="1086" alt=""&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="78" height="1" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="251" height="1" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="642" height="1" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="1" height="1" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="244" height="1" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="192" height="1" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;img src="images/spacer.gif" width="192" height="1" alt=""&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;!-- End Save for Web Slices --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>