title: Making a schedule using CSS and html and can't put the time correctly
body: <p>I'm trying to make a schedule that looks like this:</p>
  
  <p><img src="https://puu.sh/4pm0J.png" alt=""></p>
  
  <p>What I am having trouble with is adding the time as you see, here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  &lt;html&gt;
    &lt;head&gt;
   &lt;title&gt;&lt;/title&gt;
    &lt;/head&gt;
    &lt;style&gt;
  #teknik {
      background-color: #ffff80;
  }
  #rast {
      background-color: #c0c0c0;
  }
  #idrott {
       background-color: #ff0080;
  }
  #matte {
      background-color: #3686c2;
  }
  #fysik {
      background-color: #505064;
  }
  #svenska {
      background-color: #cc3366;
  }
  #kemi {
      background-color: #008080;
  }
  #prog {
       background-color: orange;
  }
  #engelska {
      background-color: #800080;
  }
  #webb {
      background-color: #ff8080;
  }
  p{
  font-size: 10px;
  }
  table { 
  table-layout: fixed; 
  }
  
  
    &lt;/style&gt;
    &lt;body&gt;
  &lt;table cellspacing="0" height="100%" width=100% cellpadding="0"&gt;
  &lt;td&gt;
    &lt;table id="monday" border="1px" height="100%" cellspacing="0" width=100%&gt;
    &lt;tr height="5%"&gt;&lt;th&gt;Måndag&lt;/th&gt;&lt;/tr&gt;
    &lt;tr id="teknik"&gt;&lt;td height="70/455%"&gt;&lt;p style="top:-13px;position:relative;"&gt;8.25&lt;/p&gt;Datorteknik&lt;p style="text-align:right;bottom:-15px;position:relative;"&gt;9.35&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="25/455%"&gt;&lt;/td&gt;&lt;/tr&gt; 
    &lt;tr id="idrott"&gt;&lt;td height="70/455%"&gt;&lt;p style="top:-13px;position:relative;"&gt;10.00&lt;/p&gt;Idrott och hälsa&lt;p style="text-align:right;bottom:-15px;position:relative;"&gt;11.10 &lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="rast"&gt;&lt;td height="45/455%"&gt;&lt;/td&gt;&lt;/tr&gt; 
    &lt;tr id="matte"&gt;&lt;td height="40/455%"&gt;Matematik&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="rast"&gt;&lt;td height="10/455%"&gt;&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="fysik"&gt;&lt;td height="40/455%"&gt;Fysik&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="155/455%"&gt;&lt;/td&gt;&lt;/tr&gt;   
    &lt;/table&gt;&lt;/td&gt;
  &lt;!-- Tisdag --&gt;
  &lt;td&gt;
    &lt;table id="tisdag" border="1px" height="100%" cellspacing="0" width=100%&gt;
    &lt;tr height="5%"&gt;&lt;th&gt;Tisdag&lt;/th&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="75/455%"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="teknik"&gt;&lt;td height="70/455%"&gt;Datorteknik&lt;/td&gt;&lt;/tr&gt; 
    &lt;tr id="rast"&gt;&lt;td height="5/455%"&gt;&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="svenska"&gt;&lt;td height="70/455%"&gt;Svenska&lt;/td&gt;&lt;/tr&gt; 
    &lt;tr id="rast"&gt;&lt;td height="35/455%"&gt;&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="kemi"&gt;&lt;td height="75/455%"&gt;Kemi&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="rast"&gt;&lt;td height="125/455%"&gt;&lt;/td&gt;&lt;/tr&gt;    
    &lt;/table&gt;
    &lt;/td&gt;
  &lt;td&gt;
    &lt;table id="onsdag" border="1px" height="100%" cellspacing="0" width=100%&gt;
    &lt;tr height="5%"&gt;&lt;th&gt;Onsdag&lt;/th&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="45/455%"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="prog"&gt;&lt;td height="140/455%"&gt;Programmering&lt;/td&gt;&lt;/tr&gt; 
    &lt;tr id="rast"&gt;&lt;td height="45/455%"&gt;&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="kemi"&gt;&lt;td height="75/455%"&gt;Kemi&lt;/td&gt;&lt;/tr&gt; 
    &lt;tr id="rast"&gt;&lt;td height="10/455%"&gt;&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="matte"&gt;&lt;td height="40/455%"&gt;Matematik&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="10/455%"&gt;&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="engelska"&gt;&lt;td height="75/455%"&gt;Engelska&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="rast"&gt;&lt;td height="15/455%"&gt;&lt;/td&gt;&lt;/tr&gt;    
    &lt;/table&gt;
    &lt;/td&gt;
  &lt;td&gt;
    &lt;table id="torsdag" border="1px" height="100%" cellspacing="0" width=100%&gt;
    &lt;tr height="5%"&gt;&lt;th&gt;Torsdag&lt;/th&gt;&lt;/tr&gt;
    &lt;tr id="kemi"&gt;&lt;td height="80/455%"&gt;Kemi&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="10/455%"&gt;&lt;/td&gt;&lt;/tr&gt; 
    &lt;tr id="webb"&gt;&lt;td height="70/455%"&gt;Webbutveckling&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="rast"&gt;&lt;td height="65/455%"&gt;&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="matte"&gt;&lt;td height="85/455%"&gt;Matematik&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="10/455%"&gt;&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="fysik"&gt;&lt;td height="80/455%"&gt;Fysik&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="rast"&gt;&lt;td height="55/455%"&gt;&lt;/td&gt;&lt;/tr&gt;    
    &lt;/table&gt;
    &lt;/td&gt;
  &lt;td&gt;
    &lt;table id="fredag" border="1px" height="100%" cellspacing="0" width=100%&gt;
    &lt;tr height="5%"&gt;&lt;th&gt;Fredag&lt;/th&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="145/455%"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="webb"&gt;&lt;td height="70/455%"&gt;Webbutveckling&lt;/td&gt;&lt;/tr&gt;   
    &lt;tr id="rast"&gt;&lt;td height="40/455%"&gt;&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="engelska"&gt;&lt;td height="70/455%"&gt;Engelska&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="5/455%"&gt;&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="svenska"&gt;&lt;td height="70/455%"&gt;Svenska&lt;/td&gt;&lt;/tr&gt;
    &lt;tr id="rast"&gt;&lt;td height="5/455%"&gt;&lt;/td&gt;&lt;/tr&gt;     
    &lt;tr id="fysik"&gt;&lt;td height="40/455%"&gt;Fysik&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr id="rast"&gt;&lt;td height="10/455%"&gt;&lt;/td&gt;&lt;/tr&gt;    
    &lt;/table&gt;
    &lt;/td&gt;
    &lt;/table&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please have in mind that I am new to web development/html coder.</p>