Problems with a table and border's

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
davidhopkins
Forum Commoner
Posts: 41
Joined: Thu Jun 10, 2010 7:52 am

Problems with a table and border's

Post 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 !
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: Problems with a table and border's

Post by pickle »

Take out the "border" and "width" attributes from your HTML. Put the width property in the style declaration.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
Post Reply