title: Calendar using html css and javascript
body: <p>I have been trying to do a calendar using HTML, css and javascript. I have little experience with all three of them.</p>
  
  <p>I havent got it to work with javascript, so sofar i have just created it with html+css and its a really ugly solution:</p>
  
  <p>css:</p>
  
  <pre><code>#day {
      float: left;
      border: 1px solid black;
      width: 85px;
      height: 85px;
      padding: 5px;
      margin: 5px;
      border-radius: 18px;
      }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="content"&gt;
  &lt;h1&gt;November&lt;/h1&gt;
  &lt;br&gt;
  &lt;div id="day"&gt;
  1
  &lt;/div&gt;
  &lt;div id="day"&gt;
  2
  &lt;/div&gt;
  &lt;div id="day"&gt;
  3
  &lt;/div&gt;
  &lt;div id="day"&gt;
  4
  &lt;/div&gt;
  &lt;div id="day"&gt;
  5
  &lt;/div&gt;
  &lt;div id="day"&gt;
  6
  &lt;/div&gt;
  &lt;div id="day"&gt;
  7
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div id="day"&gt;
  8
  &lt;/div&gt;
  &lt;div id="day"&gt;
  9
  &lt;/div&gt;
  &lt;div id="day"&gt;
  10
  &lt;/div&gt;
  &lt;div id="day"&gt;
  11
  &lt;/div&gt;
  &lt;div id="day"&gt;
  12
  &lt;/div&gt;
  &lt;div id="day"&gt;
  13
  &lt;/div&gt;
  &lt;div id="day"&gt;
  14
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div id="day"&gt;
  15
  &lt;/div&gt;
  &lt;div id="day"&gt;
  16
  &lt;/div&gt;
  &lt;div id="day"&gt;
  17
  &lt;/div&gt;
  &lt;div id="day"&gt;
  18
  &lt;/div&gt;
  &lt;div id="day"&gt;
  19
  &lt;/div&gt;
  &lt;div id="day"&gt;
  20
  &lt;/div&gt;
  &lt;div id="day"&gt;
  21
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div id="day"&gt;
  22
  &lt;/div&gt;
  &lt;div id="day"&gt;
  23
  &lt;/div&gt;
  &lt;div id="day"&gt;
  24
  &lt;/div&gt;
  &lt;div id="day"&gt;
  25
  &lt;/div&gt;
  &lt;div id="day"&gt;
  26
  &lt;/div&gt;
  &lt;div id="day"&gt;
  27
  &lt;/div&gt;
  &lt;div id="day"&gt;
  28
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div id="day"&gt;
  29
  &lt;/div&gt;
  &lt;div id="day"&gt;
  30
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I guess a for-loop would be good?
  something like:</p>
  
  <pre><code>for(i = 0; i&lt;30;i++){
     "code for creating day-boxes"
  }
  </code></pre>
  
  <p>I found a couple of calendars online, but they are all so complicated and i doesnt really do what i want it to do.</p>