API tools faq
paste
Advertisement
Kamen_Mitev

Tables 3

Kamen_Mitev
Nov 18th, 2012
469
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Tables</title>
  5. </head>
  6. <body>
  7.  
  8. <style type="text/css">
  9. table
  10. {
  11. border-collapse:collapse;
  12. }
  13. thead,tfoot
  14. {
  15. background-color: #CCCCCC;
  16. }
  17. tr
  18. {
  19. border-color:Blue;
  20. }
  21. td
  22. {
  23. border-color: #0000FF;
  24. }
  25. td.footer
  26. {
  27. border:none;
  28. }
  29. .active {
  30. border: 1px solid red; border-width: 1px;
  31. }
  32. .style1
  33. {
  34. width: 275px;
  35. border-color: #0000FF;
  36. }
  37. .style2
  38. {
  39. width: 160px;
  40. border-color: #0000FF;
  41. }
  42. .style3
  43. {
  44. width: 181px;
  45. border-color: #0000FF;
  46. }
  47. .style4
  48. {
  49. width: 153px;
  50. border-color: #0000FF;
  51.  
  52. }
  53. #btn
  54. {
  55. background-image: url('btn.png');
  56. color: #00FFFF;height: 22px; width: 22px;
  57. background-position: center;
  58. background-repeat: no-repeat;
  59. width: 22px;
  60. height: 22px;
  61. }
  62. #btn1
  63. {
  64. background-image: url('btn 1.png');
  65. color: #00FFFF;height: 22px; width: 22px;
  66. background-position: center;
  67. background-repeat: no-repeat;
  68. width: 22px;
  69. height: 22px;
  70. }
  71. #btn2
  72. {
  73. background-image: url('btn 2.png');
  74. color: #00FFFF;height: 22px; width: 22px;
  75. background-position: center;
  76. background-repeat: no-repeat;
  77. width: 22px;
  78. height: 22px;
  79. }
  80. #btn3
  81. {
  82. background-image: url('btn 3.png');
  83. color: #00FFFF;height: 22px; width: 22px;
  84. background-position: center;
  85. background-repeat: no-repeat;
  86. width: 22px;
  87. height: 22px;
  88. }
  89. #btn4
  90. {
  91. background-image: url('btn 4.png');
  92. color: #00FFFF;height: 23px; width: 23px;
  93. background-position: center;
  94. background-repeat: no-repeat;
  95. width: 22px;
  96. height: 22px;
  97. }
  98. #numberOfpages
  99. {
  100. width: 50px;
  101. }
  102. .pages
  103. {
  104. text-align: right;
  105. }
  106. td.pages
  107. {
  108. border:none;
  109. }
  110. </style>
  111. <form id="form1" action="?" method="GET" name="form1">
  112. <table border="1" style="border-color: #0000FF">
  113. <thead>
  114. <tr>
  115. <td colspan="6">Drag a column header and drop it here by that column
  116. </td>
  117. </tr>
  118. <tr>
  119. <td>
  120. ProductID
  121. </td>
  122. <td class="style1">
  123. Product name
  124. </td>
  125. <td class="style2">
  126. Unit price
  127. </td>
  128. <td class="style3">
  129. Quantity per unit
  130. </td>
  131. <td class="style4">
  132. Units in stock
  133. </td>
  134. <td>
  135. Discontinued
  136. </td>
  137. </tr>
  138. <tr>
  139. <td>
  140. <input <="" td="" style="width: 35px" type="text">
  141. </td><td class="style1">
  142. <input <="" td="" style="width: 135px" type="text"></td>
  143. <td class="style2">
  144. <input <="" td="" style="width: 100px" type="text">
  145. <input id="btn" type="button" ></td>
  146. <td class="style3">
  147. <input <="" td="" style="width: 100px" type="text">
  148.  
  149. </td>
  150. <td class="style4">
  151. <input type="text"style="width: 100px"/>
  152. <input id="btn" type="button" />
  153. </td>
  154. <td>
  155. <input type="checkbox" />
  156. <input id="btn" type="button" />
  157.  
  158. </td>
  159. </tr>
  160. </thead>
  161. <tbody>
  162. <tr>
  163. <td>
  164. 1
  165. </td><td class="style1" >
  166. chai
  167. </td>
  168. <td class="style2">
  169. $18.00
  170. </td>
  171. <td class="style3">
  172. 10 boxes x 20 bags
  173. </td>
  174. <td class="style4">
  175. 39
  176. </td>
  177. <td><input type="checkbox" />
  178. </td>
  179. </tr>
  180. <tr>
  181. <td>
  182. 2</td>
  183. <td class="style1">
  184. chang</td>
  185. <td class="style2">
  186. $19.00
  187. </td>
  188. <td class="style3">
  189. 24-12 oz bottles
  190. </td>
  191. <td class="style4">
  192. 17</td>
  193. <td><input type="checkbox" />
  194. </td>
  195. </tr>
  196. <tr>
  197. <td>
  198. 3</td>
  199. <td class="style1">
  200. Aniseed sirup</td>
  201. <td class="style2">
  202. $10.00
  203. </td>
  204. <td class="style3">
  205. 12-550 ml bottles
  206. </td>
  207. <td class="style4">
  208. 13
  209. </td>
  210. <td><input type="checkbox" />
  211. </td>
  212. </tr>
  213. <tr>
  214. <td>
  215. 4</td>
  216. <td class="style1">
  217. Chef Anton's Cajun Saisoning</td>
  218. <td class="style2">
  219. $22.00
  220. </td>
  221. <td class="style3">
  222. 48-6 oz jars</td>
  223. <td class="style4">
  224. 53</td>
  225. <td><input type="checkbox" />
  226. </td>
  227. </tr> <tr>
  228. <td>
  229. 5</td>
  230. <td class="style1">
  231. Chef Anton's Gumbo Mix</td>
  232. <td class="style2">
  233. $21.35
  234. </td>
  235. <td class="style3">
  236. 36 boxes
  237. </td>
  238. <td class="style4">
  239. 0</td>
  240. <td><input type="checkbox" checked="checked" />
  241. </td>
  242. </tr>
  243. <tr>
  244. <td>
  245. 6
  246. </td>
  247. <td class="style1">
  248. Grandma's Boysenberry Spread</td>
  249. <td class="style2">
  250. $25.00
  251. </td>
  252. <td class="style3">
  253. 12-8 oz jars</td>
  254. <td class="style4">
  255. 120
  256. </td>
  257. <td><input type="checkbox" />
  258. </td>
  259. </tr>
  260. <tr>
  261. <td>
  262. 7</td>
  263. <td class="style1">
  264. Uncle Bob's Organic Dried Pears</td>
  265. <td class="style2">
  266. $30.00
  267. </td>
  268. <td class="style3">
  269. 12-1 lb pkgs
  270. </td>
  271. <td class="style4">
  272. 15</td>
  273. <td><input type="checkbox" />
  274. </td>
  275. </tr>
  276. <tr>
  277. <td>
  278. 8
  279. </td>
  280. <td class="style1">
  281. Northwood's Cranberry Sauce</td>
  282. <td class="style2">
  283. $40.00
  284. </td>
  285. <td class="style3">
  286. 12-12 oz jars</td>
  287. <td class="style4">
  288. 6</td>
  289. <td><input type="checkbox" />
  290. </td>
  291. </tr>
  292. <tr>
  293. <td>
  294. 9</td>
  295. <td class="style1">
  296. Mishi Kobe Niku</td>
  297. <td class="style2">
  298. $97.00
  299. </td>
  300. <td class="style3">
  301. 18-500 g pkgs</td>
  302. <td class="style4">
  303. 29
  304. </td><input type="checkbox" />
  305. <td><input type="checkbox" checked="checked" />
  306. </td>
  307. </tr>
  308. <tr>
  309. <td>
  310. 10</td>
  311. <td class="style1">
  312. Ikura</td>
  313. <td class="style2">
  314. $31.00
  315. </td>
  316. <td class="style3">
  317. 12-200 ml jars
  318. </td>
  319. <td class="style4">
  320. 31</td>
  321. <td><input type="checkbox" />
  322. </td>
  323. </tr>
  324. </tbody>
  325. <tfoot>
  326. <tr>
  327. <td colspan="2" class="footer ">
  328. &nbsp;&nbsp;&nbsp;
  329. <input type="button" id="btn1" />
  330. <input type="button" id="btn2" />&nbsp;
  331. <a class="active" href="#" style="padding: 2px" >1</a>&nbsp;
  332. <a href="#">2</a>&nbsp;
  333. <a href="#">3</a>&nbsp;
  334. <a href="#">4</a>&nbsp;
  335. <a href="#">5</a>&nbsp;
  336. <a href="#">6</a>&nbsp;
  337. <a href="#" shape="circle">7</a>&nbsp;
  338. <a href="#">8</a>&nbsp;
  339. <a href="#">9</a>&nbsp;
  340. <a href="#">10</a>&nbsp;
  341. <input type="button" id="btn3" />
  342. <input type="button" id="btn4" />
  343. </td>
  344. <td colspan="2" class="footer">
  345. <label for="numberOfpages">Page size:</label>
  346. <select id="numberOfpages">
  347. <option>5</option>
  348. <option selected="selected">10</option>
  349. <option>15</option>
  350. <option>20</option>
  351. </select>
  352. </td>
  353. <td colspan="2" class="pages">
  354. 335104 items in33511 pages</td>
  355. </tr>
  356. </tfoot>
  357. </table>
  358. </form>
  359. </body>
  360.  
  361.  
  362. </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!