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.
|
|
<html> <head> <title>HTML 4.0 Test Page</title> <style type="text/css"> <!--
body, table, input { font-family: Arial, Helvetica; font-size: 8pt; } body { border: none; padding-left: 1%; } table.data { width: 98%; background-color: #f7f7f7; border: none; } tr { vertical-align: baseline; } td, th { padding: 1pt; } th { background-color: #b0c4de; border: outset 1px; } td { border-width: inherit; border-style: inherit; } .right { float: right; } .left { float: left; } .title { font-size: 22pt; font-weight: bold; font-style: italic; } .label { font-size: 9pt; font-weight: bold; text-align: right; } .header { background-color: #f7f7f7; } .light { background-color: #efefef; border-width: 1pt; border-style: none; } .dark { background-color: #e7e7e7; border-width: 1pt; border-style: none; } .status { font-family: Lucida Console; font-size: 7pt; background-color: #dfdfdf; border-width: 1pt; border-style: none; } input.small { font-family: Arial; font-size: 7pt; background-color: #efefef; border-width: 1px; width: 27pt; height: 13pt; } --> </style> </head> <body bgcolor="#f7f7f7" onload="document.search.filter.focus();">
<table class="data" cellpadding=2 cellspacing=2> <colgroup> <col><!-- Name --> <col><!-- Street --> <col size=16em><!-- City --> <col size=2em><!-- State --> <col size=5em><!-- Zipcode --> <col size=10em><!-- Phone --> </colgroup> <tr class="header"> <td colspan=2 class="title">Contact List</td> <form name="search"> <td colspan=4 align=right><b class="label">Search:</b> <input type="text" name="filter" style="width: 140pt"/></td> </form> </tr> <!-- Table Headers -----> <th>Name</th> <th>Street</th> <th>City</th> <th>ST</th> <th>Zip</th> <th>Phone</th> <!----------------------> <tr class="light"> <!--.---+----1----+----2----+----3----+----4----+----5--> <td>This 30 character Company Name</td> <td>My 30 character Street Address</td> <td>Rancho Cucamonga</td> <td>CA</td> <td>99999_</td> <td>(800) 555-1212</td> </tr><!---+----1----+----2----+----3----+----4----+----5--> <tr class="dark"> <td>2</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="light"> <td>3</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="dark"> <td>4</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="light"> <td>5</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="dark"> <td>6</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="light"> <td>7</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="dark"> <td>8</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="light"> <td>9</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="dark"> <td>10</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="light"> <td>11</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="dark"> <td>12</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="light"> <td>13</td><td> </td><td> </td> <td> </td><td> </td><td> </td> </tr> <tr class="status"> <td colspan=6> <span class="left">  Page 1 of 2</span> <span class="right">< prev   next >  </span> </td> </tr> </table> <form> <input type="button" value="save" class="small"> <input type="button" value="reset" class="small"> <input type="button" value="delete" class="small"> <input type="text" width=30> <input type="submit" value="submit" class="small"> </form> </body> </html>
|