API tools faq
paste
Advertisement
Kamen_Mitev

laptops

Kamen_Mitev
Nov 18th, 2012
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.21 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>Laptops</title>
  5. <style type="text/css">
  6. table
  7. { width: 450px;
  8. font-size :large;
  9. height: 422px;
  10. }
  11. th
  12. {
  13. font-size: x-large;
  14. }
  15. hr
  16. {
  17. width:950px;
  18. }
  19. legend
  20. {
  21. text-align:center;
  22. }
  23. #range
  24. {
  25. width: 280px;
  26. }
  27. .style1
  28. {
  29. width: 240px;
  30. height:100px;
  31. margin-bottom: 0px;
  32. }
  33. .style2
  34. {
  35. width: 212px;
  36. }
  37. .style5
  38. {
  39. padding: 0px;
  40. width: 217px;
  41. }
  42. .style3
  43. {
  44. width: 68px;
  45. }
  46. .style4
  47. {
  48. width: 330px;
  49. font-size: x-large; padding-left:10px;
  50. }
  51. td.style4
  52. {
  53. height:38px;
  54. }
  55. .style6
  56. {
  57. width: 217px;
  58. height: 24px;
  59. }
  60. .style8
  61. {
  62. text-align: center;
  63. height: 24px;
  64. }
  65. .style10
  66. {
  67. height: 24px;
  68. }
  69. #range
  70. {
  71. width: 250px;
  72. }
  73.  
  74. .style12
  75. {
  76. width: 330px;
  77. font-size: x-large;
  78. padding-left: 10px;
  79. height: 46px;
  80. }
  81.  
  82. .style13
  83. {
  84. width: 330px;
  85. font-size: x-large;
  86. padding-left: 10px;
  87. height: 75px;
  88. }
  89. .style14
  90. {
  91. width: 330px;
  92. font-size: x-large;
  93. padding-left: 10px;
  94. height: 44px;
  95. }
  96.  
  97. </style>
  98. </head>
  99. <body>
  100. <table>
  101. <tr>
  102. <th colspan="2">
  103. <a href=""http://apple.com">Apple</a>
  104. <a href="http://toshiba.com">Toshiba</a>
  105. <a href="http://lenovo.com">Lenovo</a>
  106. <a href="http://dell.com">Dell</a>
  107. <a href="http://asus.com">Asus</a>
  108. <a href="http://hacer.com">Hacer HP</a>
  109. <br><hr noshade="noshade" />
  110. </th>
  111. </tr>
  112. <tr>
  113. <td rowspan="12" class="style3">
  114.  
  115. <fieldset>
  116. <table class="1" cellspacing="1"cellpadding="1">
  117. <tr>
  118. <td class="style2">
  119. <fieldset class="style5">
  120. <legend>Apple MacBook Air</legend>
  121. <table cellspacing="0" cellpadding="1"class="style1">
  122. <tr>
  123. <td rowspan="3"><img src="laptop.png"></td>
  124. <td class="style10"></td>
  125. </tr>
  126. <tr>
  127. <td class="style6">64GB SSD</td>
  128. </tr>
  129. <tr>
  130. <td class="style10">2GB DDR</td>
  131. </tr>
  132. <tr>
  133. <td class="style8">1300 USD</td>
  134. <td class="style10">Intel Core i5</td>
  135. </tr>
  136. </table>
  137. </fieldset>
  138. </td>
  139. <td class="style1">
  140. <fieldset class="style5">
  141. <legend>Apple MacBook Air</legend>
  142. <table cellspacing="0" cellpadding="1"class="style1">
  143. <tr>
  144. <td rowspan="3" ><img src="laptop.png"></td>
  145. <td class="style10"></td>
  146. </tr>
  147. <tr>
  148. <td class="style6">64GB SSD</td>
  149. </tr>
  150. <tr>
  151. <td class="style10">2GB DDR</td>
  152. </tr>
  153. <tr>
  154. <td class="style8">1300 USD</td>
  155. <td class="style10">Intel Core i5</td>
  156. </tr>
  157. </table>
  158. </fieldset>
  159. </td>
  160. </tr>
  161. <tr>
  162. <td class="style1">
  163. <fieldset class="style5">
  164. <legend>Apple MacBook Air</legend>
  165. <table cellspacing="0" cellpadding="1"class="style1">
  166. <tr>
  167. <td rowspan="3"><img src="laptop.png"></td>
  168. <td class="style10"></td>
  169. </tr>
  170. <tr>
  171. <td class="style6">64GB SSD</td>
  172. </tr>
  173. <tr>
  174. <td class="style10">2GB DDR</td>
  175. </tr>
  176. <tr>
  177. <td class="style8">1300 USD</td>
  178. <td class="style10">Intel Core i5</td>
  179. </tr>
  180. </table>
  181. </fieldset>
  182. </td>
  183. <td class="style1">
  184. <fieldset class="style5">
  185. <legend>Apple MacBook Air</legend>
  186. <table cellspacing="0" cellpadding="1"class="style1">
  187. <tr>
  188. <td rowspan="3"><img src="laptop.png"></td>
  189. <td class="style10"></td>
  190. </tr>
  191. <tr>
  192. <td class="style6">64GB SSD</td>
  193. </tr>
  194. <tr>
  195. <td class="style10">2GB DDR</td>
  196. </tr>
  197. <tr>
  198. <td class="style8">1300 USD</td>
  199. <td class="style10">Intel Core i5</td>
  200. </tr>
  201. </table>
  202. </fieldset>
  203. </td>
  204. </tr>
  205. <tr>
  206. <td class="style1">
  207. <fieldset class="style5">
  208. <legend>Apple MacBook Air</legend>
  209. <table cellspacing="0" cellpadding="1"class="style1">
  210. <tr>
  211. <td rowspan="3"><img src="laptop.png"></td>
  212. <td class="style10"></td>
  213. </tr>
  214. <tr>
  215. <td class="style6">64GB SSD</td>
  216. </tr>
  217. <tr>
  218. <td class="style10">2GB DDR</td>
  219. </tr>
  220. <tr>
  221. <td class="style8">1300 USD</td>
  222. <td class="style10">Intel Core i5</td>
  223. </tr>
  224. </table>
  225. </fieldset>
  226. </td>
  227. <td class="style1">
  228. <fieldset class="style5">
  229. <legend>Apple MacBook Air</legend>
  230. <table cellspacing="0" cellpadding="1"class="style1">
  231. <tr>
  232. <td rowspan="3"><img src="laptop.png"></td>
  233. <td class="style10"></td>
  234. </tr>
  235. <tr>
  236. <td class="style6">64GB SSD</td>
  237. </tr>
  238. <tr>
  239. <td class="style10">2GB DDR</td>
  240. </tr>
  241. <tr>
  242. <td class="style8">1300 USD</td>
  243. <td class="style10">Intel Core i5</td>
  244. </tr>
  245. </table>
  246. </fieldset>
  247. </td>
  248. </tr>
  249. </table>
  250. </fieldset>
  251. </td>
  252. <tr>
  253. <td class="style13" ></td>
  254. </tr>
  255. <tr>
  256. <td class="style4" >Min price:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;500USD</td>
  257. </tr>
  258. <tr>
  259. <td class="style4" >&nbsp; <input type="range" id="range"min="500" max="1500"/></td>
  260. </tr>
  261. <tr>
  262. <td class="style4" >Max price:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1500USD</td>
  263. </tr>
  264. <tr>
  265. <td class="style4" >&nbsp; <input type="range" id="range"min="500" max="1500" /></td>
  266. </tr>
  267. <tr>
  268. <td class="style4" >Min RAM:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4GB</td>
  269. </tr>
  270. <tr>
  271. <td class="style4" >&nbsp; <input type="range" id="range"min="4" max="16" /></td>
  272. </tr>
  273. <tr>
  274. <td class="style4" >Max RAM:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;16GB</td>
  275. </tr>
  276. <tr>
  277. <td class="style4" >&nbsp; <input type="range" id="range"min="4" max="16" /></td>
  278. </tr>
  279. <tr>
  280. <td class="style12" ></td>
  281. </tr>
  282.  
  283. </table>
  284. </body>
  285. </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!