R
Ryan Stewart
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=ISO-8859-1">
<title>APEV</title>
<style type="text/css">
h3 { margin: 0; }
th, td { border: 1px solid green; }
#form8001 { margin: 0 35px; border: 1px solid red; }
#form8001 h3 { text-align: center; border: 1px solid blue; }
#form8001 div { border: 1px solid blue; margin: 10px 0; }
#form8001 div h3 { border: 1px solid green; }
#form8001 div h3 span.left { float: left; }
#form8001 div h3 span.right { float: right; }
table { width: 100%; }
</style>
</head>
<body>
<form action="#">
<div id="form8001">
<h3>
Three<br />
Line<br />
<span style="font-size: 80%;">Header</span><br />
</h3>
<div>
<h3>
<span class="left">Module name</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<table>
<colgroup>
<col span="2" style="vertical-align: top;">
</colgroup>
<colgroup>
<col span="5" style="text-align: center;">
</colgroup>
<thead>
<tr>
<th> </th>
<th>Equipment Type</th>
<th>Reg #</th>
<th>MFR</th>
<th>Status</th>
<th>Remarks</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="1">1</td>
<td rowspan="1">
<h4 style="margin: 0;">
Equipment Name
</h4>
Asgn: <input type="text" size="5">
Avail: <input type="text" size="5"><br />
Auth: ### <a href="#">Add Equipment</a>
</td>
<td colspan="5" style="text-align: center;">No
Equipment</td>
</tr>
<tr>
<td rowspan="1">2</td>
<td rowspan="1">
<h4 style="margin: 0;">
Equipment Name
</h4>
Asgn: <input type="text" size="5">
Avail: <input type="text" size="5"><br />
Auth: ### <a href="#">Add Equipment</a>
</td>
<td><input type="text" size="15"></td>
<td><input type="text" size="15"></td>
<td>
<select>
<option>Deployed</option>
<option>Something else</option>
</select>
</td>
<td><input type="text" size="25"></td>
<td><a href="#">Delete</a><br /><a
href="#">Depot</a></td>
</tr>
<tr>
<td rowspan="2">3</td>
<td rowspan="2">
<h4 style="margin: 0;">
Equipment Name
</h4>
Asgn: <input type="text" size="5">
Avail: <input type="text" size="5"><br />
Auth: ### <a href="#">Add Equipment</a>
</td>
<td><input type="text" size="15"></td>
<td><input type="text" size="15"></td>
<td>
<select>
<option>Deployed</option>
<option>Something else</option>
</select>
</td>
<td><input type="text" size="25"></td>
<td><a href="#">Delete</a><br /><a
href="#">Depot</a></td>
</tr>
<tr>
<td><input type="text" size="15"></td>
<td><input type="text" size="15"></td>
<td>
<select>
<option>Deployed</option>
<option>Something else</option>
</select>
</td>
<td><input type="text" size="25"></td>
<td><a href="#">Delete</a><br /><a
href="#">Depot</a></td>
</tr>
</tbody>
</table>
</div>
<div>
<h3>
<span class="left">Alt view</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<table>
<colgroup>
<col>
</colgroup>
<colgroup>
<col span="4" style="text-align: center;">
</colgroup>
<thead>
<tr>
<th>Equipment Type</th>
<th>AUTH</th>
<th>AVAIL</th>
<th>TDY/On Mission</th>
<th>Remarks</th>
</tr>
</thead>
<tr>
<td>Equipment Name</td>
<td>###</td>
<td><input type="text" size="5"></td>
<td><input type="text" size="5"></td>
<td><input type="text" size="25"></td>
</tr>
</table>
</div>
<div>
<h3>
<span class="left">Alt view 2</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<table>
<colgroup>
<col>
</colgroup>
<colgroup>
<col span="5" style="text-align: center;">
</colgroup>
<thead>
<tr>
<th>Equipment Type</th>
<th>AUTH</th>
<th>AVAIL</th>
<th>In Use</th>
<th>Unserviceable</th>
<th>Remarks</th>
</tr>
</thead>
<tr>
<td>Equipment Name</td>
<td>###</td>
<td><input type="text" size="5"></td>
<td><input type="text" size="5"></td>
<td><input type="text" size="5"></td>
<td><input type="text" size="25"></td>
</tr>
</table>
</div>
<div>
<h3>
<span class="left">Remarks</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<p style="text-align: center; margin: 0;">
<textarea rows="6" cols="100"></textarea>
</p>
</div>
</div>
</form>
</body>
</html>
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=ISO-8859-1">
<title>APEV</title>
<style type="text/css">
h3 { margin: 0; }
th, td { border: 1px solid green; }
#form8001 { margin: 0 35px; border: 1px solid red; }
#form8001 h3 { text-align: center; border: 1px solid blue; }
#form8001 div { border: 1px solid blue; margin: 10px 0; }
#form8001 div h3 { border: 1px solid green; }
#form8001 div h3 span.left { float: left; }
#form8001 div h3 span.right { float: right; }
table { width: 100%; }
</style>
</head>
<body>
<form action="#">
<div id="form8001">
<h3>
Three<br />
Line<br />
<span style="font-size: 80%;">Header</span><br />
</h3>
<div>
<h3>
<span class="left">Module name</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<table>
<colgroup>
<col span="2" style="vertical-align: top;">
</colgroup>
<colgroup>
<col span="5" style="text-align: center;">
</colgroup>
<thead>
<tr>
<th> </th>
<th>Equipment Type</th>
<th>Reg #</th>
<th>MFR</th>
<th>Status</th>
<th>Remarks</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="1">1</td>
<td rowspan="1">
<h4 style="margin: 0;">
Equipment Name
</h4>
Asgn: <input type="text" size="5">
Avail: <input type="text" size="5"><br />
Auth: ### <a href="#">Add Equipment</a>
</td>
<td colspan="5" style="text-align: center;">No
Equipment</td>
</tr>
<tr>
<td rowspan="1">2</td>
<td rowspan="1">
<h4 style="margin: 0;">
Equipment Name
</h4>
Asgn: <input type="text" size="5">
Avail: <input type="text" size="5"><br />
Auth: ### <a href="#">Add Equipment</a>
</td>
<td><input type="text" size="15"></td>
<td><input type="text" size="15"></td>
<td>
<select>
<option>Deployed</option>
<option>Something else</option>
</select>
</td>
<td><input type="text" size="25"></td>
<td><a href="#">Delete</a><br /><a
href="#">Depot</a></td>
</tr>
<tr>
<td rowspan="2">3</td>
<td rowspan="2">
<h4 style="margin: 0;">
Equipment Name
</h4>
Asgn: <input type="text" size="5">
Avail: <input type="text" size="5"><br />
Auth: ### <a href="#">Add Equipment</a>
</td>
<td><input type="text" size="15"></td>
<td><input type="text" size="15"></td>
<td>
<select>
<option>Deployed</option>
<option>Something else</option>
</select>
</td>
<td><input type="text" size="25"></td>
<td><a href="#">Delete</a><br /><a
href="#">Depot</a></td>
</tr>
<tr>
<td><input type="text" size="15"></td>
<td><input type="text" size="15"></td>
<td>
<select>
<option>Deployed</option>
<option>Something else</option>
</select>
</td>
<td><input type="text" size="25"></td>
<td><a href="#">Delete</a><br /><a
href="#">Depot</a></td>
</tr>
</tbody>
</table>
</div>
<div>
<h3>
<span class="left">Alt view</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<table>
<colgroup>
<col>
</colgroup>
<colgroup>
<col span="4" style="text-align: center;">
</colgroup>
<thead>
<tr>
<th>Equipment Type</th>
<th>AUTH</th>
<th>AVAIL</th>
<th>TDY/On Mission</th>
<th>Remarks</th>
</tr>
</thead>
<tr>
<td>Equipment Name</td>
<td>###</td>
<td><input type="text" size="5"></td>
<td><input type="text" size="5"></td>
<td><input type="text" size="25"></td>
</tr>
</table>
</div>
<div>
<h3>
<span class="left">Alt view 2</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<table>
<colgroup>
<col>
</colgroup>
<colgroup>
<col span="5" style="text-align: center;">
</colgroup>
<thead>
<tr>
<th>Equipment Type</th>
<th>AUTH</th>
<th>AVAIL</th>
<th>In Use</th>
<th>Unserviceable</th>
<th>Remarks</th>
</tr>
</thead>
<tr>
<td>Equipment Name</td>
<td>###</td>
<td><input type="text" size="5"></td>
<td><input type="text" size="5"></td>
<td><input type="text" size="5"></td>
<td><input type="text" size="25"></td>
</tr>
</table>
</div>
<div>
<h3>
<span class="left">Remarks</span>
<span class="right">Nav links</span>
<br style="clear: both;" />
</h3>
<p style="text-align: center; margin: 0;">
<textarea rows="6" cols="100"></textarea>
</p>
</div>
</div>
</form>
</body>
</html>