API tools faq
paste
Advertisement
DalerHakimov

Example page

DalerHakimov
Mar 4th, 2013
132
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title>Gmind Solusion-DivElement Layout</title>
  6.     <link href="CSS/StyleSheet.css"  rel="Stylesheet"  type="text/css"   />
  7.     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  8.     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  9.     <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  10. <style>
  11. body
  12. {
  13.             background-color: white;
  14.             font-family: Verdana;
  15.             font-size: 13px;
  16. }
  17. .divHeaderTable
  18. {
  19.             width: 100%;
  20.             padding-bottom:5px;
  21.             display:block;
  22. }
  23. .divHeaderRow
  24. {
  25.             width: 100%; /* add extra that you want to for header column */
  26.             display:block;
  27.             height:105px;
  28. }
  29. .divHeaderColumn
  30. {
  31.             float: left;
  32.             width: 33%;
  33.             display:block;
  34. }
  35. .divTable
  36. {
  37.             width: 100%;
  38.             display:block;
  39.             padding-top:10px;
  40.             padding-bottom:10px;
  41.             padding-right:10px;
  42.             padding-left:10px;
  43. }
  44. .divRow
  45. {
  46.          width: 99%;
  47.          display:block;
  48.          padding-bottom:5px;
  49. }
  50. .divColumn
  51. {
  52.          float: left;
  53.          width: 24%;
  54.          display:block;
  55. }
  56.  
  57. .divColumn_longer
  58. {
  59.          float: left;
  60.          width: 35%;
  61.          display:block;
  62. }
  63. .divColumn_longer2
  64. {
  65.          float: left;
  66.          width: 55%;
  67.          display:block;
  68. }
  69. .divColumn1
  70. {
  71.          float: left;
  72.          width: 10px;
  73.          display:block;
  74.          padding-right:10px;
  75.          
  76. }
  77. </style>
  78.  
  79. <script>
  80.   $(function() {
  81.     $( "#tabs" ).tabs();
  82.   });
  83.   </script>  
  84. </head>
  85. <body>
  86.  <div style="width:99%; height:565px;">
  87.    <div id="divHeader" class="divHeaderTable">
  88.      <h4>Маълумот дар бораи шахсе, ки қайди ҳуҷҷати ӯ барқарор карда мешавад </h4>
  89.     </div>
  90.  <div id="tabs">
  91.   <ul>
  92.     <li><a href="#tabs-1">FIrst tab</a></li>
  93.     <li><a href="#tabs-2">Second tab</a></li>
  94.   </ul>
  95.     <div class="divTable">
  96.     <div id="tabs-1" class="divRow">
  97.        <div class="divRow">
  98.             <div class="divColumn1">
  99.                 <label id="lblSolutation" > 1.</label>
  100.             </div>
  101.             <div class="divColumn">
  102.                 <div>
  103.                     <label id="lblSolutation" > Насаб </label>
  104.                     <input type="text" id="txtSolutation" />
  105.                  </div>            
  106.             </div>
  107.             <div class="divColumn1">
  108.                 <label id="lblSolutation" > 2.</label>
  109.              </div>
  110.             <div class="divColumn">
  111.                  <div>
  112.                      <label id="lblFname" > Ном </label>
  113.                      <input type="text" id="Text1" />
  114.                  </div>
  115.             </div>
  116.        </div>
  117.          
  118.       <br /><br />
  119. <br />
  120.  
  121.        <div class="divRow">
  122.             <div class="divColumn1">
  123.                 <label id="lblSolutation" > 3.</label>
  124.             </div>
  125.             <div class="divColumn">
  126.                 <div>
  127.                     <label id="lblSolutation" > Номи падар</label>
  128.                     <input type="text" id="txtSolutation" />
  129.                  </div>            
  130.             </div>
  131.             <div class="divColumn1">
  132.                 <label id="lblSolutation" > 4.</label>
  133.              </div>
  134.             <div class="divColumn">
  135.                  <div>
  136.                      <label id="lblFname" > Ҷинс</label>
  137.                      <input type="text" id="Text1" />
  138.                  </div>
  139.             </div>
  140.        </div>
  141.        
  142.                
  143.       <br /><br />
  144. <br />
  145.  
  146.        <div class="divRow">
  147.             <div class="divColumn1">
  148.                 <label id="lblSolutation" > 5.</label>
  149.             </div>
  150.             <div class="divColumn_longer">
  151.                 <div>
  152.                     <label id="lblSolutation" > Сана, вақти таваллуд</label>
  153.                     <input type="text" id="txtSolutation" />
  154.                  </div>            
  155.             </div>
  156.        </div>
  157.        
  158.              <br /><br />
  159. <br />
  160.  
  161.        <div class="divRow">
  162.             <div class="divColumn1">
  163.                 <label id="lblSolutation" > 6.</label>
  164.             </div>
  165.             <div class="divColumn">
  166.                 <div>
  167.                     <label id="lblSolutation" > Ҷойи таваллуд</label>
  168.                 </div>            
  169.             </div>
  170.             <div class="divColumn_longer2">
  171.                 <div>
  172.                     <label id="lblSolutation" > шаҳри(деҳаи)</label>
  173.                     <input type="text" id="txtSolutation" />
  174.                     ____<label id="lblSolutation" > ноҳияи</label><input type="text" id="txtSolutation" />
  175.                 </div>    
  176.                 <br />
  177.                 <div>
  178.                     <label id="lblSolutation" > Вилояти(кишвар,Ҷумӯурӣ)</label>
  179.                     </label><input type="text" id="txtSolutation" />
  180.                 </div>      
  181.             </div>
  182.        </div>
  183.        
  184.              <br /><br />
  185. <br /><br /><br /><br /><br />
  186.  
  187.        <div class="divRow">
  188.             <div class="divColumn1">
  189.                 <label id="lblSolutation" > 7.</label>
  190.             </div>
  191.             <div class="divColumn">
  192.                 <div>
  193.                     <label id="lblSolutation" > Ҷойи истиқомати доимӣ</label>
  194.                 </div>            
  195.             </div>
  196.             <div class="divColumn_longer2">
  197.                 <div>
  198.                     <label id="lblSolutation" > шаҳри(деҳаи) </label>
  199.                     <input type="text" id="txtSolutation" />
  200.                     ____<label id="lblSolutation" > ноҳияи(район)</label><input type="text" id="txtSolutation" />
  201.                 </div>    
  202.                 <br />
  203.                 <div>
  204.                     <label id="lblSolutation" > Вилояти(кишвар,Ҷумӯурӣ))</label>
  205.                     <input type="text" id="txtSolutation" />
  206.                 </div>    
  207.                 <br />  
  208.               <div>
  209.                     <label id="lblSolutation" > Кӯча</label>__
  210.                     <input type="text" id="txtSolutation" />_<label id="lblSolutation" > ҳавлӣ</label>__
  211.                     <input type="text" id="txtSolutation" size="10" /><label id="lblSolutation" > хона</label>
  212.                   __
  213.                   <input type="text" id="txtSolutation" size="10" />
  214.                 </div>  
  215.             </div>
  216.        </div>
  217.        
  218.              <br /><br />
  219. <br /><br /><br /><br /><br /><br /><br /><br /><br />
  220.  
  221. <div class="divRow">
  222.             <div class="divColumn1">
  223.                 <label id="lblSolutation" > 8.</label>
  224.             </div>
  225.             <div class="divColumn">
  226.                 <div>
  227.                     <label id="lblSolutation" > Дар куҷо ва дар кадом вазифа кор мекунад (агар кор накунад манбаи рузгузаронаишаро қайд намояд) </label>
  228.                 </div>            
  229.             </div>
  230.             <div class="divColumn_longer2">
  231.                 <div>
  232.                      <label for="textarea3"></label>
  233.                         <textarea name="textarea3" id="textarea3" cols="90" rows="5"></textarea>
  234.                 </div>                              
  235.             </div>
  236.        </div>
  237.                
  238. </div>
  239.      
  240.              
  241. <div class="divRow" id="tabs-2">
  242.             <div class="divColumn_longer">
  243.                 <div>
  244.                     <label id="lblSolutation" > Маълумот дар бораи падар  </label>
  245.                 </div>  
  246.                 <br />
  247.             <div class="divColumn1">
  248.                 <label id="lblSolutation" > 9.</label>
  249.             </div>
  250.             <div class="divColumn">
  251.               <div>
  252.                 <label id="lblSolutation" > Насаб</label>
  253.                   <input type="text" id="txtSolutation" size="30" />
  254.               </div>            
  255.             </div>  
  256.                             <br /><br /><br /><br />
  257.             <div class="divColumn1">
  258.                 <label id="lblSolutation" > 10.</label>
  259.             </div>
  260.             <div class="divColumn">
  261.               <div>
  262.                 <label id="lblSolutation" > Ном </label>
  263.                   <input type="text" id="txtSolutation" size="30" />
  264.               </div>            
  265.             </div>    
  266.                                     <br /><br /><br /><br />
  267.             <div class="divColumn1">
  268.                 <label id="lblSolutation" > 11.</label>
  269.             </div>
  270.             <div class="divColumn">
  271.               <div>
  272.                 <label id="lblSolutation" > Номи падар </label>
  273.                   <input type="text" id="txtSolutation" size="30" />
  274.               </div>            
  275.             </div>    
  276.                                                <br /><br /><br /><br />
  277.             <div class="divColumn1">
  278.                 <label id="lblSolutation" > 12.</label>
  279.             </div>
  280.             <div class="divColumn">
  281.               <div>
  282.                 <label id="lblSolutation" > Шахрванди </label>
  283.                   <input type="text" id="txtSolutation" size="30" />
  284.               </div>            
  285.             </div>  
  286.            
  287.                                                            <br /><br /><br /><br />
  288.             <div class="divColumn1">
  289.                 <label id="lblSolutation" > 13.</label>
  290.             </div>
  291.             <div class="divColumn">
  292.               <div>
  293.                 <label id="lblSolutation" > Миллат </label>
  294.                   <input type="text" id="txtSolutation" size="30" />
  295.               </div>            
  296.             </div>
  297.            
  298.             </div>
  299.            
  300.             <div class="divColumn_longer2">
  301.                 <div>
  302.                      <label id="lblSolutation" > Маълумот дар бораи модар </label>
  303.                 </div>  
  304.                 <br />
  305.                <div class="divColumn">
  306.                 <div>
  307.                 <br /><br />
  308.                     <input type="text" id="txtSolutation" size="30" />
  309.                 </div>  
  310.                 <div>
  311.                  <br /><br />
  312.                     <input type="text" id="txtSolutation" size="30" />
  313.                 </div>        
  314.                 <div>
  315.                  <br /><br /><br />
  316.                     <input type="text" id="txtSolutation" size="30" />
  317.                 </div>    
  318.                  <div>
  319.                  <br /><br /><br />
  320.                     <input type="text" id="txtSolutation" size="30" />
  321.                 </div>
  322.                 <div>
  323.                  <br /><br />
  324.                     <input type="text" id="txtSolutation" size="30" />
  325.                 </div>      
  326.                                            
  327.             </div>
  328.        </div>      
  329.              <br /><br />
  330. <br />    
  331.              <br /><br />
  332. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  333. <br /><br /><br />
  334.  
  335. <div class="divRow">
  336.             <div class="divColumn1">
  337.                 <label id="lblSolutation" > 14.</label>
  338.             </div>
  339.             <div class="divColumn">
  340.                 <div>
  341.                     <label id="lblSolutation" > Асос барои баркарор намудани таваллуд</label>
  342.                 </div>            
  343.             </div>
  344.             <div class="divColumn_longer2">
  345.                 <div>
  346.                      <label for="textarea3"></label>
  347.                         <textarea name="textarea3" id="textarea3" cols="90" rows="5"></textarea>
  348.                 </div>                              
  349.             </div>
  350.        </div>      
  351.  
  352. <br /><br /><br /><br /><br /><br /><br />
  353.  
  354. <div class="divRow">
  355.             <div class="divColumn1">
  356.                 <label id="lblSolutation" > 15.</label>
  357.             </div>
  358.             <div class="divColumn">
  359.                 <div>
  360.                     <label id="lblSolutation" > Насаб, ном ва номи падар ва чойи истикомати аризадиханда </label>
  361.                 </div>            
  362.             </div>
  363.             <div class="divColumn_longer2">
  364.                 <div>
  365.                      <label for="textarea3"></label>
  366.                         <textarea name="textarea3" id="textarea3" cols="90" rows="5"></textarea>
  367.                 </div>                              
  368.             </div>
  369.        </div>      
  370.  
  371. <br /><br /><br /><br /><br />
  372.  
  373. <br /><br />
  374. <br />
  375.  
  376.        <div class="divRow">
  377.             <div class="divColumn1">
  378.                 <label id="lblSolutation" > 16.</label>
  379.             </div>
  380.             <div class="divColumn">
  381.                 <div>
  382.                     <label id="lblSolutation" > Шаходатнома дода шуд.</label>
  383.                 </div>            
  384.             </div>
  385.             <div class="divColumn_longer2">
  386.                 <div>
  387.                     <label id="lblSolutation" > Силсила </label>
  388.                     <input type="text" id="txtSolutation" />
  389.                     ____<label id="lblSolutation" > №</label><input type="text" id="txtSolutation" />
  390.                 </div>    
  391.             </div>
  392.        </div>
  393.        
  394.        <br /><br /><br /><br /><br />
  395.        
  396.        <div class="divRow">
  397.             <div class="divColumn1">
  398.                 <label id="lblSolutation" > 17.</label>
  399.             </div>
  400.             <div class="divColumn">
  401.                 <div>
  402.                     <label id="lblSolutation" > Барои кайд </label>
  403.                 </div>            
  404.             </div>
  405.             <div class="divColumn_longer2">
  406.                 <div>
  407.                      <label for="textarea3"></label>
  408.                         <textarea name="textarea3" id="textarea3" cols="90" rows="5"></textarea>
  409.                 </div>                              
  410.             </div>
  411.        </div>      
  412.  
  413. <br /><br /><br /><br /><br /><br /><br />
  414.       <div class="divRow">
  415.          <input type="submit" value="Submit" onclick="javascript:void(0);" />
  416.           or  
  417.         <a  href="javascript:void(0)">Cancel </a>
  418.       </div>
  419.     </div>
  420.  </div>  
  421.  
  422.  
  423. </div>
  424.  
  425.  
  426. </body>
  427. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!