Venciity

[CSS] presentation ДОМАШНО - 4 задача

Feb 7th, 2014
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.99 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>Windows Calc</title>
  5.     <link href="styles.css" type="text/css" rel="stylesheet">
  6. </head>
  7. <body>
  8.  
  9.     <div id="wrapper">
  10.         <img id="ico" src="http://bobbykolev.com/wp-content/uploads/2013/01/ico.jpg" width="12px" height="16px" /><span id="calc">Calculator</span> <img src="http://bobbykolev.com/wp-content/uploads/2013/01/win.png" id="win" width="105px" height="20px" />
  11.         <div id="secondDiv">
  12.             <div id="menu">
  13.                 <ul>
  14.                     <li>
  15.                         View
  16.                     </li>
  17.                     <li>
  18.                         Edit
  19.                     </li>
  20.                     <li>
  21.                         Help
  22.                     </li>
  23.                 </ul>
  24.             </div>
  25.             <input type="text" id="display" value="88544550" />
  26.  
  27.  
  28.             <table id="binTB">
  29.                 <tr>
  30.                     <td>0000</td>
  31.                     <td>0000</td>
  32.                     <td>0000</td>
  33.                     <td>0000</td>
  34.                     <td>0000</td>
  35.                     <td>0000</td>
  36.                     <td>0000</td>
  37.                     <td>0000</td>
  38.                 </tr>
  39.                 <tr>
  40.                     <td class="grey">63</td>
  41.                     <td></td>
  42.                     <td></td>
  43.                     <td></td>
  44.                     <td class="grey">47</td>
  45.                     <td></td>
  46.                     <td></td>
  47.                     <td class="grey">32</td>
  48.                 </tr>
  49.                 <tr>
  50.                     <td>0000</td>
  51.                     <td>0000</td>
  52.                     <td>1000</td>
  53.                     <td>0111</td>
  54.                     <td>0001</td>
  55.                     <td>1011</td>
  56.                     <td>1011</td>
  57.                     <td>0111</td>
  58.                 </tr>
  59.                 <tr>
  60.                     <td class="grey">31</td>
  61.                     <td></td>
  62.                     <td></td>
  63.                     <td></td>
  64.                     <td class="grey">15</td>
  65.                     <td></td>
  66.                     <td></td>
  67.                     <td class="grey">0</td>
  68.                 </tr>
  69.             </table>
  70.             <div id="floatL">
  71.                 <div class="ns">
  72.                     <input type="radio" id="Hex" name="ns" />
  73.                     <label for="Hex">Hex</label><br />
  74.                     <input type="radio" id="Dec" name="ns" checked=cheked />
  75.                     <label for="Dec">Dec</label><br />
  76.                     <input type="radio" id="Oct" name="ns" />
  77.                     <label for="Oct">Oct</label><br />
  78.                     <input type="radio" id="Bin" name="ns" />
  79.                     <label for="Bin">Bin</label>
  80.                 </div>
  81.                 <div class="ns">
  82.                     <input type="radio" id="Qword" name="nz" checked=cheked />
  83.                     <label for="Qword">Qword</label><br />
  84.                     <input type="radio" id="Dword" name="nz" />
  85.                     <label for="Dword">Dword</label><br />
  86.                     <input type="radio" id="Word" name="nz" />
  87.                     <label for="Word">Word</label><br />
  88.                     <input type="radio" id="Byte" name="nz" />
  89.                     <label for="Byte">Byte</label>
  90.                 </div>
  91.             </div>
  92.             <div id="btn">
  93.                 <button class="cleanBtn">&nbsp</button>
  94.                <button class="fancyBtn">Mod</button>
  95.                <button class="cleanBtn">A</button>
  96.                <button class="hhBtn">MC</button>
  97.                <button class="hhBtn">MR</button>
  98.                <button class="hhBtn">MS</button>
  99.                <button class="hhBtn">M+</button>
  100.                <button class="hhBtn">M-</button>
  101.                <br />
  102.                <button class="fancyBtn">(</button>
  103.                <button class="fancyBtn">)</button>
  104.                <button class="cleanBtn">B</button>
  105.                <button class="fancyBtn">&larr;</button>
  106.                 <button class="fancyBtn">CE</button>
  107.                 <button class="fancyBtn">C</button>
  108.                 <button class="fancyBtn">&#177;</button>
  109.                 <button class="cleanBtn">&#8730;</button>
  110.  
  111.                 <br />
  112.                 <button class="fancyBtn">RoL</button>
  113.                 <button class="fancyBtn">RoR</button>
  114.                 <button class="cleanBtn">C</button>
  115.                 <button class="numBtn">7</button>
  116.                 <button class="numBtn">8</button>
  117.                 <button class="numBtn">9</button>
  118.                 <button class="fancyBtn">/</button>
  119.                 <button class="cleanBtn">%</button>
  120.                 <br />
  121.                 <button class="fancyBtn">Or</button>
  122.                 <button class="fancyBtn">Xor</button>
  123.                 <button class="cleanBtn">D</button>
  124.                 <button class="numBtn">4</button>
  125.                 <button class="numBtn">5</button>
  126.                 <button class="numBtn">6</button>
  127.                 <button class="fancyBtn">*</button>
  128.                 <button class="cleanBtn">1/&chi;</button>
  129.  
  130.  
  131.                 <br />
  132.                 <button class="fancyBtn">Lsh</button>
  133.                 <button class="fancyBtn">Rsh</button>
  134.                 <button class="cleanBtn">E</button>
  135.                 <button class="numBtn">1</button>
  136.                 <button class="numBtn">2</button>
  137.                 <button class="numBtn">3</button>
  138.                 <button class="fancyBtn">-</button>
  139.                 <button id="equals" class="fancyBtn">=</button>
  140.  
  141.                 <br />
  142.                 <button class="fancyBtn">Not</button>
  143.                 <button class="fancyBtn">And</button>
  144.                 <button class="cleanBtn">F</button>
  145.                 <button id="zero" class="numBtn">0</button>
  146.                 <button class="cleanBtn">.</button>
  147.                 <button class="fancyBtn">+</button>
  148.             </div>
  149.         </div>
  150.     </div>
  151.  
  152. </body>
  153. </html>
Advertisement
Add Comment
Please, Sign In to add comment