Advertisement
undefined0000

Beginning of "Seater" Project

Feb 29th, 2012
332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.42 KB | None | 0 0
  1. <html>
  2.     <style>
  3. div {
  4. color: white;
  5. font-size: 9px;
  6. }
  7.     .toprow {
  8.     clear: right;
  9.     float: left;
  10.     width: 25px;
  11.     height: 25px;
  12.     background-color: #0099CC;
  13.     border: 1px solid black;
  14.     margin-left: 15px;
  15. }
  16.     .leftside {
  17.     clear: bottom;
  18.     float: top;
  19.     width: 25px;
  20.     height: 50px;
  21.     background-color: #000000;
  22.     margin-top: 15px;
  23. }
  24.     .leftholder {
  25.     position: absolute;
  26.     top: 30px;
  27. }
  28.     .quadholder {
  29.     position:absolute;
  30.     top: 45px;
  31.     left: 60px;
  32. }
  33.     .lefttablest {
  34.     float: right;
  35.     clear: left;
  36.     width: 25px;
  37.     height: 25px;
  38.     background-color: #000000;
  39.     margin-top: 15px;
  40.     margin-left: 15px;
  41. }  
  42.     .lefttablesb {
  43.     float: left;
  44.     clear: right;
  45.     width: 25px;
  46.     height: 25px;
  47.     background-color: #000000;
  48.     margin-top: 15px;
  49.     margin-left: 15px;
  50.    
  51.     top: 0px;
  52. }  
  53.     .leftbtm {
  54.     position: absolute;
  55.     top: 160px;
  56.     left: 60px;
  57. }
  58.     .leftbtmtbl {
  59.     width: 25px;
  60.     height: 25px;
  61.     margin-left: 15px;
  62.     margin-top: 15px;
  63.     background-color: black;
  64.         float: left;
  65.     clear: right;
  66.    
  67. }
  68.     .leftright {
  69.     position: absolute;
  70.     top: 45px;
  71.     left: 165px;
  72. }
  73.     .lrtbls {
  74.         width: 25px;
  75.     height: 25px;
  76.     margin-left: 15px;
  77.     margin-top: 15px;
  78.     background-color: black;
  79.     float: bottom;
  80.     clear: top;
  81. }
  82.  
  83.     </style>
  84. <script>
  85. window.onload=function() {
  86. //document.getElementById("3").innerHTML += document.getElementById("4").offsetTop + ", " + document.getElementById("4").offsetLeft;
  87. }
  88. function doClick(me) {
  89.     alert(me);
  90. }
  91. </script>
  92.     <body>
  93.     <div class="toprow" id="6" onClick="doClick(this.id);">6</div>
  94.     <div class="toprow" id="7">7</div>
  95.     <div class="toprow" id="8">8</div>
  96.     <div class="toprow" id="9">9</div>
  97.    
  98. <div class="leftholder">
  99.  
  100.     <div class="leftside"></div>
  101.     <div class="leftside"></div>
  102.     <div class="leftside" id="3"></div>
  103.     <div class="leftside"></div>
  104.     <div class="leftside"></div>
  105. </div>
  106. <div class="quadholder">
  107.     <div class="lefttablest">37</div>
  108.     <div class="lefttablest">25</div>
  109.  
  110.     <div class="lefttablesb">24</div>
  111.     <div class="lefttablesb" id="4">36</div>
  112. </div>
  113.  
  114. <div class="leftbtm">
  115.     <div class="leftbtmtbl"></div>
  116.     <div class="leftbtmtbl"></div>
  117.     <br>
  118.     <br>
  119.     <br>
  120.     <div class="leftbtmtbl"></div>
  121.     <div class="leftbtmtbl"></div>
  122.     <br>
  123.     <br>
  124.     <br>
  125.     <div class="leftbtmtbl"></div>
  126.     <div class="leftbtmtbl"></div>
  127. </div>
  128.  
  129. <div class="leftright">
  130.     <div class="lrtbls"></div>
  131.     <div class="lrtbls"></div>
  132.     <div class="lrtbls"></div>
  133.     <div class="lrtbls"></div>
  134.     <div class="lrtbls"></div>
  135. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement