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.
178 lines
4.2 KiB
178 lines
4.2 KiB
<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>
|