I am setting a three column layout within an existing table. The table
uses previously devloped code so I am force to use it. I have the
following styles defined.
<code><!--Preventative insert so code does not get interpreted by mail
app -->
..c1
{
position:relative;
margin-left:0;
top:0;
float:left;
width:33%;
}
..c2
{
position:relative;
top:0;
width:34%;
}
..c3
{
position:relative;
top:0;
margin-right:0;
width:32%;
float:right;
}
</code>
After running my php script I get this resulting HTML
<code><!--Preventative insert so HTML does not get interpreted by mail
app -->
<html>
<head>
<title>Camco Project Database Maintenance</title>
<link rel="stylesheet" type="text/css" href="../camcostyles.css"/>
<link rel="stylesheet" type="text/css" href="timestyles.css"/>
</head>
<body> <table width="100%" class="body" cellspacing="0"><!-- Begin
Header -->
<tr>
<td class="top" valign="center" height="100" colspan="2"> <img
src="images/logo.gif"/>
</td>
</tr>
<tr>
<td class="bar">
Logged in as: <strong>Charles Russell</strong></td>
</tr>
</table><!-- End Header -->
<!-- Prepare navigation Layout -->
<table width="100%" class="body" cellspacing="0">
<tr>
<td class="left">
<span class="navhead">Timesheets</span><br/>
<a href="newts.php" class="leftnav">Enter New Timesheet</a><br/>
<a href="reviewts.php" class="leftnav">Review Timesheets</a><br/>
<a href="printts.php" class="leftnav">Print a Timesheet</a><br/>
<a href="modifyts.php" class="leftnav">Modify Timesheet</a><br/>
<a href="ProjMan.php" class="leftnav">Manage Projects</a><br />
<hr/>
<span class="navhead">Vehicle Maintenance</span></br>
<a href="vehinsp.php" class="leftnav">Inspection</a><br />
<a href="maint.php" class="leftnav">Maintenance</a><br/>
<a href="viewrec.php" class="leftnav">View Vehicle Record</a><br/>
<hr/>
<span class="navhead">User Management</span></br>
<a href="adduser.php" class="leftnav">Add User</a><br/>
<a href="removeuser.php" class="leftnav">Remove User</a><br/>
<a href="moduser.php" class="leftnav">Modify User Info</a><br/>
<hr/>
<span class="navhead">Vehicle Management</span><br/>
<a href="addvehicle.php" class="leftnav">Add a Vehicle</a><br/>
<a href="removevehicle.php" class="leftnav">Remove a Vehicle</a><br/>
<a href="modvehicle.php" class="leftnav">Modify a Vehicle</a><br/>
<hr/>
<span class="navhead">Reports</span><br/>
<a href="report.php" class="leftnav">Report</a><br/>
<hr/>
<a href="logout.php" class="leftnav">Log Out</a><br/>
</td><!-- End Navigation Pane -->
<td class="content" valign="top"><!-- Content Pane -->
<h1>Modify Project</h1><br />
<img src="images/blueline.gif" /><br/>
<form action="WriteProjData.php" method="post">
<link href='ProjForm.css' type='text/css' rel='stylesheet'>
<div class='c1'>Project Name <input type='text' value='Project 1'></div>
<div class='c2'>Manager
<select name=Manager value='0'>
<option value=1>Tim Valdepena</option>
<option value=2>Joe Bob</option>
<option value=8>Tim Temp</option>
<option value=10>able user</option>
<option value=11>Charles Russell</option>
</select></div>
<div class='c3'>District
<select name='district' value='1'>
<option value='1'>1</option>
<option value='0'>0</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select></div>
</form>
</td>
</tr>
</table>
</html>
</code>
Other Styles Declared most not used here
<code><!--Preventative insert so code does not get interpreted by mail
app -->
/***************CamcoStyles.CSS********/
/*** Style sheet for www.camcosolutions.net ***/
/*Colors: #3333FF(Light Hard Blue), #6699FF(Light Azure Blue),
#FFFF00(Yellow) */
/********** General Styles **********/
html{
}
body{
margin:0;
}
/* Table */
/********** Content Panes **********/
td.top{
padding:0;
background-color:#6699FF;
text-align:center;
}
td.left{
background-color:#FFFF00;
color:#3333FF;
width:150;
border-right:thin solid #3333FF;
border-bottom:thin solid #3333FF;
font-weight:bold;
height:600;
vertical-align:top;
padding:5;
}
td.content{
background-color:white;
vertical-align:top;
padding:10;
}
td.bar{
color:#FFFF00;
background-color:#3333FF;
padding:2;
}
td.qual{
padding:10;
}
td.contacthead{
vertical-align:top;
text-align:right;
font-weight:bold;
}
/********** Headings **********/
td.head1{
font-size:larger;
font-weight:bold;
text-align:center;
}
td.head2{
font-weight:bold;
}
/********** Anchors **********/
a.leftnav:link{
text-decoration:none;
color:#3333FF;
}
a.leftnav:visited{
text-decoration:none;
color:#3333FF;
}
a.leftnav:hover{
color:black;
}
/********** Lists **********/
ul{
list-style-image:url(images/bullet.gif);
}
/********** Formatting **********/
..member{
font-style:italic;
}
table.sic{
border:thin solid #3333FF;
width:500;
}
tr.sichead{
background-color:#6699FF;
font-weight:bold;
}
tr.alt{
background-color:#FFFF33;
}
..navhead{
color:black;
}
/*** Style sheet for www.camcosolutions.net ***/
/*Colors: #3333FF(Light Hard Blue), #6699FF(Light Azure Blue),
#FFFF00(Yellow) */
/********** General Styles **********/
html{
}
body{
margin:0;
}
/* Table */
/********** Content Panes **********/
td.top{
padding:0;
background-color:#6699FF;
text-align:center;
}
td.left{
background-color:#FFFF00;
color:#3333FF;
width:150;
border-right:thin solid #3333FF;
border-bottom:thin solid #3333FF;
font-weight:bold;
height:600;
vertical-align:top;
padding:5;
}
td.content{
background-color:white;
vertical-align:top;
padding:10;
}
td.bar{
color:#FFFF00;
background-color:#3333FF;
padding:2;
}
td.qual{
padding:10;
}
td.contacthead{
vertical-align:top;
text-align:right;
font-weight:bold;
}
/********** Headings **********/
td.head1{
font-size:larger;
font-weight:bold;
text-align:center;
}
td.head2{
font-weight:bold;
}
/********** Anchors **********/
a.leftnav:link{
text-decoration:none;
color:#3333FF;
}
a.leftnav:visited{
text-decoration:none;
color:#3333FF;
}
a.leftnav:hover{
color:black;
}
/********** Lists **********/
ul{
list-style-image:url(images/bullet.gif);
}
/********** Formatting **********/
..member{
font-style:italic;
}
table.sic{
border:thin solid #3333FF;
width:500;
}
tr.sichead{
background-color:#6699FF;
font-weight:bold;
}
tr.alt{
background-color:#FFFF33;
}
..navhead{
color:black;
}
/**********Timestyle.css
table.timesheet{
border:thin solid #3333FF;
}
td.date{
font-weight:bold;
background-color:#6699FF;
}
td.timesheet{
vertical-align:top;
}
td.title{
font-weight:bold;
background-color:#6699FF;
}
table.review{
border:thin solid #3333FF;
}
table.day{
border:thin solid #3333FF;;
}
td.head{
background-color:#6699FF;
font-weight:bold;
}
table.maint{
border:thin solid #3333FF;
}
table.hours{
border-right:thin solid #3333FF;
}
</code>