JSP Addressbook app for VIP Express (circa Jun 2002)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

178 lines
4.2 KiB

  1. <html>
  2. <head>
  3. <title>HTML 4.0 Test Page</title>
  4. <style type="text/css">
  5. <!--
  6. body, table, input {
  7. font-family: Arial, Helvetica;
  8. font-size: 8pt;
  9. }
  10. body {
  11. border: none;
  12. padding-left: 1%;
  13. }
  14. table.data {
  15. width: 98%;
  16. background-color: #f7f7f7;
  17. border: none;
  18. }
  19. tr {
  20. vertical-align: baseline;
  21. }
  22. td, th {
  23. padding: 1pt;
  24. }
  25. th {
  26. background-color: #b0c4de;
  27. border: outset 1px;
  28. }
  29. td {
  30. border-width: inherit;
  31. border-style: inherit;
  32. }
  33. .right {
  34. float: right;
  35. }
  36. .left {
  37. float: left;
  38. }
  39. .title {
  40. font-size: 22pt;
  41. font-weight: bold;
  42. font-style: italic;
  43. }
  44. .label {
  45. font-size: 9pt;
  46. font-weight: bold;
  47. text-align: right;
  48. }
  49. .header {
  50. background-color: #f7f7f7;
  51. }
  52. .light {
  53. background-color: #efefef;
  54. border-width: 1pt;
  55. border-style: none;
  56. }
  57. .dark {
  58. background-color: #e7e7e7;
  59. border-width: 1pt;
  60. border-style: none;
  61. }
  62. .status {
  63. font-family: Lucida Console;
  64. font-size: 7pt;
  65. background-color: #dfdfdf;
  66. border-width: 1pt;
  67. border-style: none;
  68. }
  69. input.small {
  70. font-family: Arial;
  71. font-size: 7pt;
  72. background-color: #efefef;
  73. border-width: 1px;
  74. width: 27pt;
  75. height: 13pt;
  76. }
  77. -->
  78. </style>
  79. </head>
  80. <body bgcolor="#f7f7f7" onload="document.search.filter.focus();">
  81. <table class="data" cellpadding=2 cellspacing=2>
  82. <colgroup>
  83. <col><!-- Name -->
  84. <col><!-- Street -->
  85. <col size=16em><!-- City -->
  86. <col size=2em><!-- State -->
  87. <col size=5em><!-- Zipcode -->
  88. <col size=10em><!-- Phone -->
  89. </colgroup>
  90. <tr class="header">
  91. <td colspan=2 class="title">Contact List</td>
  92. <form name="search">
  93. <td colspan=4 align=right><b class="label">Search:</b>
  94. <input type="text" name="filter" style="width: 140pt"/></td>
  95. </form>
  96. </tr>
  97. <!-- Table Headers ----->
  98. <th>Name</th>
  99. <th>Street</th>
  100. <th>City</th>
  101. <th>ST</th>
  102. <th>Zip</th>
  103. <th>Phone</th>
  104. <!---------------------->
  105. <tr class="light">
  106. <!--.---+----1----+----2----+----3----+----4----+----5-->
  107. <td>This 30 character Company Name</td>
  108. <td>My 30 character Street Address</td>
  109. <td>Rancho Cucamonga</td>
  110. <td>CA</td>
  111. <td>99999_</td>
  112. <td>(800) 555-1212</td>
  113. </tr><!---+----1----+----2----+----3----+----4----+----5-->
  114. <tr class="dark">
  115. <td>2</td><td>&nbsp;</td><td>&nbsp;</td>
  116. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  117. </tr>
  118. <tr class="light">
  119. <td>3</td><td>&nbsp;</td><td>&nbsp;</td>
  120. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  121. </tr>
  122. <tr class="dark">
  123. <td>4</td><td>&nbsp;</td><td>&nbsp;</td>
  124. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  125. </tr>
  126. <tr class="light">
  127. <td>5</td><td>&nbsp;</td><td>&nbsp;</td>
  128. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  129. </tr>
  130. <tr class="dark">
  131. <td>6</td><td>&nbsp;</td><td>&nbsp;</td>
  132. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  133. </tr>
  134. <tr class="light">
  135. <td>7</td><td>&nbsp;</td><td>&nbsp;</td>
  136. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  137. </tr>
  138. <tr class="dark">
  139. <td>8</td><td>&nbsp;</td><td>&nbsp;</td>
  140. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  141. </tr>
  142. <tr class="light">
  143. <td>9</td><td>&nbsp;</td><td>&nbsp;</td>
  144. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  145. </tr>
  146. <tr class="dark">
  147. <td>10</td><td>&nbsp;</td><td>&nbsp;</td>
  148. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  149. </tr>
  150. <tr class="light">
  151. <td>11</td><td>&nbsp;</td><td>&nbsp;</td>
  152. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  153. </tr>
  154. <tr class="dark">
  155. <td>12</td><td>&nbsp;</td><td>&nbsp;</td>
  156. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  157. </tr>
  158. <tr class="light">
  159. <td>13</td><td>&nbsp;</td><td>&nbsp;</td>
  160. <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  161. </tr>
  162. <tr class="status">
  163. <td colspan=6>
  164. <span class="left">&nbsp Page 1 of 2</span>
  165. <span class="right">&lt prev &nbsp next &gt &nbsp</span>
  166. </td>
  167. </tr>
  168. </table>
  169. <form>
  170. <input type="button" value="save" class="small">
  171. <input type="button" value="reset" class="small">
  172. <input type="button" value="delete" class="small">
  173. <input type="text" width=30>
  174. <input type="submit" value="submit" class="small">
  175. </form>
  176. </body>
  177. </html>