Are your tables boring?

Make them shine using the CSS table border-collapse:collapse; style

Defaults tables make your website look really bad. Sort them out by treating them to a makeover with nice thin 1px border-line. If your presenting lots of numbers then your web page will look like a professionally styled spreadsheet.

Computer Name IP Address Mac Address Operating System Uptime
B01 192.168.0.101 1E-FF-CA-13-4E-1E Windows Vista 190
B02 192.168.0.102 2D-AC-C2-FC-3D-1F Windows XP 134
B03 192.168.0.103 3E-AD-B2-BB-ED-FF Windows 98 0.8
B04 192.168.0.104 4D-EF-A2-23-3D-23 Windows 3.11 0.1

the CSS

 
.nicetable {
	border-collapse:collapse;
}
.nicetable th {
	margin:5px; 
	padding: 8px;
	border:1px solid #003366;
	background-color:#003366;		
	color:#FFFFFF;	
	font-size: 9pt;	
	font-weight:bold;
}
 
.nicetable td {
	margin:5px; 	
	padding: 5px;
	border:1px solid #003366;	
	background-color:#FFFFFF;	
	color:#000000;	
	font-size: 9pt;
}

the html

<table border="0" cellpadding="5" cellspacing="0" class="nicetable">
<tr>	
	<th>Computer Name</th>	
	<th>IP Address</th>		
	<th>Mac Address</th>		
	<th>Operating System</th>		
	<th>Uptime</th>		
</tr>	
<tr>		
	<td>B01</td>		
	<td>192.168.0.101</td>	
	<td>1E-FF-CA-13-4E-1E</td>
	<td>Redhat Linux</td>
	<td>190</td>
</tr>
</table>