OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style type="text/css" media="screen"> | 3 <style type="text/css" media="screen"> |
4 form { | 4 form { |
5 -webkit-column-count: 3; | 5 -webkit-column-count: 3; |
6 -webkit-column-gap: 0px; | 6 -webkit-column-gap: 0px; |
7 -moz-column-count: 3; | 7 -moz-column-count: 3; |
8 -moz-column-gap: 0px; | 8 -moz-column-gap: 0px; |
9 background: #ccccff; | 9 background: #ccccff; |
10 margin: 0px; | 10 margin: 0px; |
11 padding: 0px; | 11 padding: 0px; |
12 border: solid 1px red; | 12 border: solid 1px red; |
13 } | 13 } |
14 | 14 |
15 input[type="number"] { | 15 input[type="number"] { |
16 width: 100px; | 16 width: 100px; |
17 height: 50px; | 17 height: 50px; |
| 18 font-size: 44px; |
18 } | 19 } |
19 | 20 |
20 td { | 21 td { |
21 background: red; | 22 background: red; |
22 } | 23 } |
23 </style> | 24 </style> |
24 <script> | 25 <script> |
25 const numForms = 4; | 26 const numForms = 4; |
26 const numCols = 3; | 27 const numCols = 3; |
27 | 28 |
(...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
135 <tr><td><input id="c31" type="number" min="0" max="100" step="10" /></td></tr> | 136 <tr><td><input id="c31" type="number" min="0" max="100" step="10" /></td></tr> |
136 <tr><td><input id="c32" type="number" min="0" max="100" step="10" /></td></tr> | 137 <tr><td><input id="c32" type="number" min="0" max="100" step="10" /></td></tr> |
137 </table> | 138 </table> |
138 </form> | 139 </form> |
139 | 140 |
140 <h2>Results</h2> | 141 <h2>Results</h2> |
141 <div id="mousepos"></div> | 142 <div id="mousepos"></div> |
142 <div id="res"></div> | 143 <div id="res"></div> |
143 | 144 |
144 </html> | 145 </html> |
OLD | NEW |