Problems with a table and border's
Posted: Wed May 18, 2011 9:46 am
Hello all.
I have a simple table built in html that pulls data from a PHP database and styling it is becoming a nightmare. I had it looking fine but i have since updatated my Firefox and it dosent want to look the same now. In Chrome it looks fine but firefox i keep getting black borders.
I want all the borders to have a colour of #CCC but it just isnt happening. Here is a screenshot, the top is firefox and the bottom is chrome

THe code i have is
Any help would be great !
I have a simple table built in html that pulls data from a PHP database and styling it is becoming a nightmare. I had it looking fine but i have since updatated my Firefox and it dosent want to look the same now. In Chrome it looks fine but firefox i keep getting black borders.
I want all the borders to have a colour of #CCC but it just isnt happening. Here is a screenshot, the top is firefox and the bottom is chrome

THe code i have is
Code: Select all
<table class="JobsTable" width="980px" border="1">
<tr class="JobTableTitle">
<td width="80">Reference</td>
<td width="370">Interview Title</td>
<td width="90">Created</td>
<td width="70">Sent</td>
<td width="70">Complete</td>
<td width="90">Notification</td>
<td width="60">Editable</td>
<td width="150">Actions</td>
</tr>
<?php
while($row = mysql_fetch_array($jobArray)){
$createdDate = date('d M Y', strtotime($row['created']));
echo"<tr class=\"JobTableRow\">";
echo"<td>".$row['ref']."</td>";
echo"<td>".$row['title']."</td>";
echo"<td>".$createdDate."</td>";
echo"<td>".$row['sent']."</td>";
echo"<td>".$row['complete']."</td>";
echo"<td>".$row['notification']."</td>";
echo"<td>".$row['edit']."</td>";
echo"<form action=\"../scripts/action.php\" method=\"post\">";
echo"<td>
<input name=\"JobID\" type=\"hidden\" value=\"".$row['id']."\"/>
<input name=\"JobRef\" type=\"hidden\" value=\"".$row['ref']."\"/>
<input name=\"JobTitle\" type=\"hidden\" value=\"".$row['title']."\"/>
<input name=\"JobEdit\" type=\"hidden\" value=\"".$row['edit']."\"/>
<input type=\"submit\" name=\"Que\" value=\"q\" width=\"25\" title=\"View Questions\">
<input type=\"submit\" name=\"Can\" value=\"c\" width=\"25\" title=\"View Candidates\">
<input type=\"submit\" name=\"Rec\" value=\"e\" width=\"25\" title=\"View Evaluators\">
<input type=\"submit\" name=\"Del\" value=\"d\" width=\"25\" onClick=\"return confirmDelete();\" title=\"Delete Jobs\">
</td>";
echo"</form>";
echo"</tr>";
}
?>
.JobsTable{border-collapse:collapse; margin:10px; border-color:#CCC;}
.JobTableTitle{height:30px; background-image:url(../images/bg.gif); font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF; text-indent:5px;}
.JobTableRow {height:45px; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:12px; font-weight:normal; color:#000; text-indent:5px;}