Jump to content

Two tables, two looks


Borderline

Recommended Posts

Good evening.I'm looking for some advice: I have two tables on one page, but I was hoping to get two different looks for the tables. The "in progress" link is here: http://www.further-flight.co.uk/features/p.../2011-01-04.phpI found this tutorial http://www.loriswebs.com/html-tips/format-tables-css.html, and tried to use it with my code, but it's not getting me the desired effect (second table on the page should have no borders). Could someone point me in the right direction, please?The CSS

/*------  TABLES  ------*/table{border-collapse:collapse;}table,th,td{border: 2px solid black;padding: 0px 0px 0px 5px;text-align: left;}tr{height:25px;} .table1 {	border:none; }.toprow{	background: black url(/images/blockactive.gif) center center repeat-x;	color: #FFFFFF;	font: bold 1em arial, verdana, sans-serif;}.leftcol{	background: #C0C0C0;	font: bold 1em arial, verdana, sans-serif;}	.spacecol{	background: #FFFFFF;	font: bold 1em arial, verdana, sans-serif;	border-left: none;}

The second table:

	<table class='table1' width='75%'>			<?php	while($info = mysql_fetch_array($data)) {  		// links		$link='/features/previews/trainers.php';		$tctext='Add Trainer Comment';	?>				<?phpif (!empty($info['trainercomment']) ) { 		?>							<tr>				<td><?php echo $info['horse']; ?></td>				</tr>								<tr>				<td>				<?php echo $info['comment']; ?>				</td></tr>								<tr>				<td class='trainercomment' bgcolor='#FFFFB9'>				Comments from <?php echo $info['trainer']; ?>:  <?php echo $info['trainercomment']; ?>				</td>								<tr class='plaintable'>				<td> </td>				</tr>				<?php					}			else			{		?>							<tr>				<td><?php echo $info['horse']; ?></td>				</tr>								<tr>				<td>				<?php echo $info['comment']; ?>				</td></tr>												<tr>				<td> </td>				</tr>				 </tr>		<?php		}  		?>			<?php	}  	?>			</table>

Any advice gratefully received!

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...