Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR HTML

html css calendar

//use divs and css styling to position them, eg:
//NOTE bootstrap is a better way to do this so I will update this example soon
<style>
	.month1{
      margin:10px;
    }
    
    .month2{
     margin:10px;
     transform: translate(50px; 0px); //translate moves an element by x and y directions
     								  //eg: transform: translate(x, y);
    }
</style>

<div class="month1">
	<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>Cell 4</td>
    <td>Cell 5</td>
    <td>Cell 6</td>
  </tr>
  <tr>
    <td>Cell 7</td>
    <td>Cell 8</td>
    <td>Cell 9</td>
  </tr>
</table>

</div>

<div class="month2">
	<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>Cell 4</td>
    <td>Cell 5</td>
    <td>Cell 6</td>
  </tr>
  <tr>
    <td>Cell 7</td>
    <td>Cell 8</td>
    <td>Cell 9</td>
  </tr>
</table>

</div>
 
PREVIOUS NEXT
Tagged: #html #css #calendar
ADD COMMENT
Topic
Name
3+7 =