title: Load page in an iframe from a link inside another iframe
body: <p>I want to make a content page where there are two iframes. One iframe is a floating sidemenu with buttons or links whereas the other iframe actually contains the content. I want the user to be able to click a link on the sidemenu such as "Images" and then have that link change the content of the other iframe. I also want the entire cell that each label for the menu (Images, Home, Readings) to change color when the mouse hovers over it.</p>
  
  <p>I have tried many things but here is the basics of the code:</p>
  
  <pre><code>   &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Main Content Page&lt;/title&gt;
  &lt;/head&gt;
  &lt;body background="background.jpg"&gt;
  &lt;table&gt;
  &lt;th&gt;
      &lt;iframe src="sidebar.html" frameborder="no" border="0" scrolling="no" height="750" width="450"&gt;&lt;/iframe&gt;
  &lt;th&gt;
      &lt;iframe id ="content" src="" frameborder="no" border="0" scrolling="no" width="600" height="800"&gt;&lt;/iframe&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and then the pages for the content iframe do not matter. The code for the sidebar is:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Main&lt;/title&gt;
  &lt;base target="content"&gt;
  &lt;style type="text/css"&gt;
  body{bgcolor: black;}
  a{color: white}
  a:link, a:visited{background-color: black}
  &lt;!--a:hover{background-color: gray}--&gt;
  &lt;!--td:hover{background-color: gray}--&gt;
  buttons:hover{background-color: gray}
  
  td, th{border:1px solid black; background-color:black;}
  table{border:1px solid gray;}
  td {font-family: Kunstler Script; color: white; font-size: 72; padding:15px;}
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table align="center"&gt;
      &lt;tr&gt;&lt;div class="buttons"&gt;&lt;div&gt;&lt;td onclick="target.content.home.href='html'"&gt;Home&lt;/div&gt;
      &lt;tr&gt;&lt;div&gt;&lt;td onclick="target.content.href='images.html'"&gt;Images&lt;/div&gt;
      &lt;tr&gt;&lt;div&gt;&lt;td onclick="target.content.href='readings.html'"&gt;Readings&lt;/div&gt;&lt;/div&gt;
  &lt;/table&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Right now the links do not work, but the buttons do change color</p>