Page 1 of 1

Problems with a table and border's

Posted: Wed May 18, 2011 9:46 am
by davidhopkins
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
Image

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;}
Any help would be great !

Re: Problems with a table and border's

Posted: Wed May 18, 2011 10:33 am
by pickle
Take out the "border" and "width" attributes from your HTML. Put the width property in the style declaration.