format html form / table

[ejwf]

I have a query that output data into an html form - the form is made up of a table filled with information / text boxes.
I am struggling to format the table / that the data makes sense when viewed on screen - I am playing around with column widths etc.
I think it would make viewing the information a lot easier if I could format the background colour of alternate columns within the table - I have tried to do this using background="#xxxxxx" but it isnt working- any ideas?

I also want - if possible - the outline of the text boxes as differnt colour - but again the code I am using isn't working style=\"background-color:#ff0000; font-family:arial; color:#ff0000; border-style:solid\"

code I have at the moment

if ($result11) 
{         

echo' <form action="process.php" method="POST"> 
<table align="centre" cellspacing="0" cellpadding="0"> 
<tr valign="top"> 
<td width="2"></td>
<td width="2"></td>
<td align="right" width="50" background="#xxxxxx"><b> Number</b></td>
<td width="2" background="#xxxxxx">&nbsp/&nbsp</td>
<td align="left" width="100" background="#xxxxxx"><b>Type</b></td> 
<td align="right" width="20"><b>Code</b></td> 
<td align="right" width="20"></td>
<td align="right" width="200" background="#xxxxxx">B - &nbsp;&nbsp<br>Previous Data &nbsp;&nbsp</td>
<td align="left" width="200" background="#xxxxxx">  New Data</td> 
<td align="right" width="200">C - &nbsp;&nbsp<br>Previous Data &nbsp;&nbsp</td>
<td align="left" width="200">New Data</td> 
</tr >';

while ($row11 = mysql_fetch_array($result11,MYSQL_NUM))  

{  

$query= "blah blah blah";
$result3 = mysql_query($query) or die (mysql_error());
$row3 = mysql_fetch_array($result3);

echo "<td width=\"2\" align=\"left\"><input type=\"hidden\" name=\"C\" value=\"{$row11[3]}\"></td>
<td width=\"2\" align=\"left\"><input type=\"hidden\" name=\"SRef\" value=\"$SRef\"></td> "; 

if ($row11[3] == 1) 
{ 
echo "<td width=\"50\" align=\"left\"> {$row11[0]}</td> 
<td width=\"2\">&nbsp/&nbsp</td>
<td width=\"100\" align=\"left\"> {$row11[1]}</td> 
<td width=\"20\" align=\"right\"> {$row11[2]}</td>
<td width=\"20\" align=\"left\"> {$row11[4]} <input type=\"text\" name=\"MId[]\" style=\"background-color:#ff0000; font-family:arial; color:#ff0000; border-style:solid\"></td> 
<td width=\"200\" align=\"right\"> $row3[1]&nbsp;&nbsp  </td>
<td width=\"200\" align=\"left\"> {$row11[5]} <input type=\"text\" name=\"B[]\"></td> 
<td width=\"200\" align=\"left\"><input type=\"hidden\" name=\"C[]\" value\"{NULL}\"></td>"; 
} 

[leatherback]

Hi,

This is what I do:

In a stylesheet:
.formel_1
{
width: 200px;
border: solid 1px #034E12;
background-color: #FEF2A8;
}

and in the form:

<input class="formel_1" type="text" value ="" name="department">

[ejwf]

thanks

I have tried this, but it doesn't seem to be having any effect on the format / appearance of the table.

Is it anything to do with the fact that the table is echo'd in php?

[leatherback]

the way in which the output is generated doesn't matter. But the code in the output HTML needs to be correct.,

Te best way to go is create in a stylesheet the classes you need.
Say:
.row1
{
border: solid 1px #334455;
}

and

row2
{
border: solid 6px #554433;
}

and use these in the cells (<td class=\"row1\">) you need to format.
The same for the form elements (As in my previous post)

The output HTML should look like:

<td class="row1">

</td>

J.