API tools faq
paste
Advertisement
Guest User

alignment issue

a guest
Aug 5th, 2015
716
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.42 KB | None | 0 0
raw download clone embed print report
  1. <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
  2. pageEncoding="ISO-8859-1"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  7. <title>Insert title here</title>
  8. <style>
  9. .thumbnail {
  10. float: left;
  11. width: 400px;
  12. height: 150px;
  13. margin: 5px;
  14. }
  15.  
  16. .thumbnail1 {
  17. float: left;
  18. width: 300px;
  19. height: 150px;
  20. margin: 5px;
  21. }
  22.  
  23. .thumbnail2 {
  24. float: left;
  25. width: 500px;
  26. height: 150px;
  27. margin: 5px;
  28. }
  29.  
  30. .LeftLabelColumn /*txn id,txn_ref,txn_gate_ref*/ {
  31. width: 225px;
  32. display: inline-block;
  33. }
  34.  
  35. .LeftLabelColumn2 /*end_date*/ {
  36. padding-left: 20px;
  37. width: 100px;
  38. display: inline-block;
  39. }
  40. /*customerid,mobile,from_date*/
  41. .LeftLabelColumn1 {
  42. width: 100px;
  43. display: inline-block;
  44. }
  45.  
  46. .LeftValueColumn /*all textbox*/ {
  47. width: 150px;
  48. display: inline-block;
  49. }
  50.  
  51. .LeftValueColumnoptr {
  52. width: 250px;
  53. display: inline-block;
  54. }
  55. </style>
  56. </head>
  57. <body>
  58.  
  59. <form action="ctxn" method="post">
  60. <div align="left" class="thumbnail">
  61. <input type="checkbox" id="chk_txn" name="chk_txn" onclick="codename()"> <label class="LeftLabelColumn" for="chk_txn">Transaction ID</label><input type="text" size="15" name="srch_txn_id" id="srch_txn_id" maxlength="10" onkeypress="return fnAllowAlphaNumerics(event);" value="sample" /><br>
  62. <input type="checkbox" name="chk_txnref" id="chk_txnref" onclick="codename()"><label class="LeftLabelColumn" for="chk_txnref"> Transaction Reference No</label>
  63. <input type="text" size="15" name="srch_txn_ref" id="srch_txn_ref" maxlength="10" onkeypress="return isNumber(event)" value="sample"/><br>
  64. <input type="checkbox" name="chk_txn_gate_ref" id="chk_txn_gate_ref" onclick="codename()"><label class="LeftLabelColumn" for="chk_txn_gate_ref"> Transaction Gateway Reference</label>
  65. <input type="text" size="15" name="srch_txn_gateway" id="srch_txn_gateway" maxlength="10" onkeypress="return fnAllowAlphaNumerics(event);" value="sample"/><br>
  66. </div>
  67. <div class="thumbnail1">
  68.  
  69. <input type="checkbox" name="chk_mail" id="chk_mail" onclick="codename()" value="ON"><label class="LeftLabelColumn1" for="chk_mail"> Email ID </label>
  70. <input type="text" class="LeftValueColumn" size="25" name="srch_email" id="srch_email" style="background-color: #F0FFFF;" maxlength="30" value="sample"/><br>
  71. <input type="checkbox" name="chk_cus" id="chk_cus" onclick="codename()" value="ON"><label class="LeftLabelColumn1" for="chk_cus"> Customer ID </label>
  72. <input type="text" class="LeftValueColumn" size="15" name="srch_cus_id" id="srch_cus_id" maxlength="10" onkeypress="return isNumberOnly(event)" value="sample" /><br>
  73. <input type="checkbox" name="chk_mob" id="chk_mob" onclick="codename()" value="ON" value=""><label class="LeftLabelColumn1" for="chk_mob"> Mobile </label>
  74. <input type="text" class="LeftValueColumn" size="15" name="srch_mob" id="srch_mob" maxlength="10" onkeypress="return isNumberOnly(event)" value="sample"/><br>
  75.  
  76. <input type="checkbox" name="chk_date" id="chk_date" onclick="codename()" value="ON"><label class="LeftLabelColumn1" for="chk_date"> From Date</label>
  77. <input type="text" class="LeftValueColumn" size="15" name="srch_from_date" id="popupDatepicker" maxlength="10" value="sample"/><BR>
  78. <label class="LeftLabelColumn2" for="chk_date">End Date</label> <input type="text" size="15" class="LeftValueColumn" name="srch_end_date" id="popupDatepicker1" maxlength="10" value="sample"/>
  79. </div>
  80. <div class="thumbnail2">
  81.  
  82. <input type="checkbox" name="chk_optr" onclick="codename()" value="ON" id="chk_optr"><label class="LeftLabelColumn" for="chk_optr">Operator</label>
  83. <select name="srch_optr" class="LeftValueColumnoptr" id="srch_optr">
  84. <option value="sample" selected>sample</option>
  85. <option value="Airtel Datacard">Airtel Datacard</option>
  86. <option value="Aircel">Aircel</option>
  87. <option value="Airtel">Airtel</option>
  88. <option value="Airtel DTH">Airtel DTH</option>
  89. <option value="Airtel Landline">Airtel Landline</option>
  90. <option value="Big TV DTH">Big TV DTH</option>
  91. <option value="BSES Rajdhani Power Limited - Delhi">BSES Rajdhani Power Limited - Delhi</option>
  92. <option value="BSES Yamuna Power Limited - Delhi">BSES Yamuna Power Limited - Delhi</option>
  93. <option value="BSNL 3G">BSNL 3G</option>
  94. <option value="BSNL Landline">BSNL Landline</option>
  95. <option value="BSNL Mobile">BSNL Mobile</option>
  96. <option value="BSNL Recharge/Validity (RCV) ">BSNL Recharge/Validity (RCV)</option>
  97. <option value="BSNL Special (STV)">BSNL Special (STV)</option>
  98. <option value="BSNL TopUp">BSNL TopUp</option>
  99. <option value="Dish TV DTH">Dish TV DTH</option>
  100. <option value="Fast Track">Fast Track</option>
  101. <option value="ICICI Prudential Life Insurance">ICICI Prudential Life Insurance</option>
  102. <option value="Idea">Idea</option>
  103. <option value="Idea Datacard">Idea Datacard</option>
  104. <option value="LOOP Mobile">LOOP Mobile</option>
  105. <option value="Mahanagar Gas">Mahanagar Gas</option>
  106. <option value="MTNL Landline">MTNL Landline</option>
  107. <option value="MTNL Recharge/Special">MTNL Recharge/Special</option>
  108. <option value="MTNL TopUp">MTNL TopUp</option>
  109. <option value="MTS">MTS</option>
  110. <option value="MTS Mblaze/Mbrowse">MTS Mblaze/Mbrowse</option>
  111. <option value="MTS/MTS Blaze/Browse ">MTS/MTS Blaze/Browse</option>
  112. <option value="Redbus">Redbus</option>
  113. <option value="Reliance CDMA">Reliance CDMA</option>
  114. <option value="Reliance CDMA/NetConnect 1X/+">Reliance CDMA/NetConnect 1X/+</option>
  115. <option value="Reliance Energy Limited">Reliance Energy Limited</option>
  116. <option value="Reliance GSM">Reliance GSM</option>
  117. <option value="Reliance GSM/NetConnect 3G">Reliance GSM/NetConnect 3G</option>
  118. <option value="Reliance NetConnect 1X/+">Reliance NetConnect 1X/+</option>
  119. <option value="Reliance NetConnect 3G">Reliance NetConnect 3G</option>
  120. <option value="S Tel">S Tel</option>
  121. <option value="Sun DTH">Sun DTH</option>
  122. <option value="Tata AIA Life Insurance">Tata AIA Life Insurance</option>
  123. <option value="Tata Docomo">Tata Docomo</option>
  124. <option value="Tata Docomo GSM">Tata Docomo GSM</option>
  125. <option value="Tata Docomo Special">Tata Docomo Special</option>
  126. <option value="Tata Indicom">Tata Indicom</option>
  127. <option value="Tata Indicom/Photon +/Whiz">Tata Indicom/Photon +/Whiz</option>
  128. <option value="Tata Photon Whiz/+">Tata Photon Whiz/+</option>
  129. <option value="Tata Power Delhi Limited - Delhi">Tata Power Delhi Limited - Delhi</option>
  130. <option value="Tata Sky DTH">Tata Sky DTH</option>
  131. <option value="Uninor">Uninor</option>
  132. <option value="Uninor Special">Uninor Special</option>
  133. <option value="Videocon">Videocon</option>
  134. <option value="Videocon DTH">Videocon DTH</option>
  135. <option value="Videocon Special">Videocon Special</option>
  136. <option value="Virgin CDMA">Virgin CDMA</option>
  137. <option value="Virgin GSM">Virgin GSM</option>
  138. <option value="Vodafone">Vodafone</option>
  139. <option value="Vodafone Datacard">Vodafone Datacard</option>
  140.  
  141. </select><br>
  142. <input type="checkbox" name="chk_sub_ser_code" id="chk_sub_ser_code" onclick="codename()"><label class="LeftLabelColumn" for="chk_sub_ser_code">Sub Service Code</label>
  143. <select name="srch_sub_ser_code" id="srch_sub_ser_code" class="LeftValueColumn">
  144. <option value="sample" selected>sample</option>
  145. <option value="Datacard Postpaid">Datacard Postpaid</option>
  146. <option value="Electricity Bills">Electricity Bills</option>
  147. <option value="Gas Bills">Gas Bills</option>
  148. <option value="Insurance Premiums">Insurance Premiums</option>
  149. <option value="Landline Bills">Landline Bills</option>
  150. <option value="Mobile Postpaid">Mobile Postpaid</option>
  151. <option value="Datacard">Datacard</option>
  152. <option value="DTH">DTH</option>
  153. <option value="Mobile/Datacard">Mobile/Datacard</option>
  154. <option value="Bus">Bus</option>
  155. <option value="CarRental">CarRental</option>
  156. </select><br>
  157. <input type="checkbox" name="chk_txn_stat" id="chk_txn_stat" onclick="codename()" value="ON"><label class="LeftLabelColumn" for="chk_txn_stat">Transaction Status </label>
  158. <select name="srch_txn_stat" id="srch_txn_stat" class="LeftValueColumn" STYLE="width: 100px">
  159. <option value="sample" selected>sample</option>
  160. <option value="Success">Success</option>
  161. <option value="Failure">Failure</option>
  162. <option value="Pending">Pending</option>
  163. </select><Br>
  164. <input type="checkbox" name="chk_gate_stat" id="chk_gate_stat" onclick="codename()" value="ON"><label class="LeftLabelColumn" for="chk_gate_stat"> Gateway Status Desc</label>
  165. <select name="srch_gate_stat" id="srch_gate_stat" class="LeftValueColumn" STYLE="width: 100px">
  166. <option value="sample" selected>sample</option>
  167. <option value="Captured">Captured</option>
  168. <option value="Failed">Failed</option>
  169. <option value="Refunded">Refunded</option>
  170. <option value="Timeout">Time Out</option>
  171. <option value="Cancelled">Cancelled</option>
  172. </select><br>
  173. <input type="checkbox" name="chk_CUST_TXN_AMOUNT" value="ON" id="chk_CUST_TXN_AMOUNT" onclick="codename()"><label class="LeftLabelColumn" for="chk_CUST_TXN_AMOUNT"> Customer Txn Amount</label>
  174. <input type="text" class="LeftValueColumn" size="15" name="srch_CUST_TXN_AMOUNT" id="srch_CUST_TXN_AMOUNT" maxlength="10" onkeypress="return isNumberOnly(event)" value="sample"/><br>
  175. <input type="checkbox" name="chk_app_ver" value="ON" id="chk_app_ver"><label class="LeftLabelColumn" for="chk_app_ver"> App version</label>
  176. <input type="text" class="LeftValueColumn" size="15" name="srch_app_ver" id="srch_app_ver" maxlength="10" onkeypress="return fnAllowAlphaNumerics(event)" value="sample"/><br>
  177. <input type="checkbox" id="checkAll"><label class="LeftLabelColumn" for="checkAll">Check all</label>
  178.  
  179. <br>
  180. <br>
  181. </div><br><br><br><br><br><br><br><br><br><br>
  182. <div align="right" style="padding-right: 100px; display: compact;">
  183. Page <input type="text" name="page_number" size=1 maxlength="3" id="page_number" value="0"/> <input type="submit" title="Jump to Next Page" name="go" id="go" value="Go" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" value="Previous Page" title="Goto Previous Page" onclick="decrease();" id="previous" style="height: 20px; width: 90px; font-size: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" value="Next Page" id="next" title="Goto Next Page" onclick="increase();" style="height: 20px; width: 90px; font-size: 12px;">
  184. </div>
  185. </form>
  186.  
  187.  
  188. <form action="trans.do" method="post">
  189. <div style="padding-left: 7%;width: 150px;float:left;">
  190. <b>Total Records: <font color="red" >0</font></b>
  191. </div>
  192. <div style="width: 150px; float: left;">
  193. <b>Successfull Txn: <font color="red">0</font></b>
  194.  
  195. </div>
  196. <div style="width: 150px; float: left;">
  197. <b>Failure Txn: <font color="red">0</font></b>
  198.  
  199. </div>
  200. <div style="width: 150px; float: left;">
  201. <b>Refund Txn: <font color="red">0</font></b>
  202. </div>
  203. <div style="width: 200px; float: left;">
  204. <b>Treasure Pot: <font color="red">0</font></b>
  205. </div>
  206. <div style="width: 200px; float: left;">
  207. <b>Refunded Amt: <font color="red">0</font></b>
  208. </div>
  209. <div style="width: 150px; float: left;">
  210. <b> Total Pages: <font color="red">0</font></b>
  211. </div>
  212.  
  213. <table id="tblMain" align="center" width="1200"
  214. style="border-collapse: collapse; border: 1px dotted grey;">
  215. <tr>
  216. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">No</TH>
  217. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Transaction Date</TH>
  218. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Transaction Id</TH>
  219. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Customer Id</TH>
  220. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Transaction Reference No Vendor</TH>
  221. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Operator</TH>
  222. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Customer Transaction Amt</TH>
  223. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Member Estimated Txn Amt</TH>
  224. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Transaction Status</TH>
  225. <TH bgcolor="#6CBFE8" style="border: 1px dotted grey;">Gateway Status</TH>
  226. </tr>
  227. <tr>
  228. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  229. <td style="border-right: 1px dotted grey;" align="center" width="15%">sample</td>
  230. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  231. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  232. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  233. <td style="border-right: 1px dotted grey;" align="center" width="20%">sample</td>
  234. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  235. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  236. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  237. <td style="border-right: 1px dotted grey;" align="center" width="5%">sample</td>
  238. </tr>
  239. </table>
  240. </form>
  241.  
  242. </body>
  243. </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!