CSS Table Style won't apply

Associate
Joined
22 Jan 2008
Posts
1,311
Location
King's Lynn, Norfolk
Hi, I'm using XHTML, using CSS to define the attributes of a table.

Here is my CSS for the table:
Code:
table.navigation
{
	table-layout: automatic;
	border-color: grey;
	border-style: dashed;
	border-width: thick;
}

And here is the code I've used to use it:

Code:
	<table class="navigation">
		<tr>
			<td>
				<a href="index.html"> Home </a>
			</td>
		</tr>
		<tr>
			<td>
				<a href="processors/processorguide.html"> Processors </a>
			</td>
		</tr>
		<tr>
			<td>
				<a href="processors/single-core.html"> Single-Core </a>
			</td>
		</tr>
	</table>

I know the link to the style sheet works, as I have tested it with another class.

Anybody have a clue what's wrong with the code?
 
Here's the HTML code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<html>

  <head>
    <title>This is a test website</title>
	<link href="styles.css" rel=stylesheet type="text/css"> </link>
  </head>

  <body>

	<table class="navigation">
		<tr>
			<td>
				<a href="index.html"> Home </a>
			</td>
		</tr>
		<tr>
			<td>
				<a href="processors/processorguide.html"> Processors </a>
			</td>
		</tr>
		<tr>
			<td>
				<a href="processors/single-core.html"> Single-Core </a>
			</td>
		</tr>
	</table>
		
  </body>

</html>

And here's the external CSS, named styles.css:

Code:
a.link
{
	color: black;
	text-decoration: no underline;
	font-family: tahoma;
	font-size: 10pt;
td.normallink
{
	color: black;
	font-family: tahoma;
	font-size: 10pt;
	font-weight: bold;
}
td.sublink
{
	color: black;
	font-size: 8pt;
	font-family: tahoma;
}
table.navigation
{
	table-layout: automatic;
	border-color: grey;
	border-style: dashed;
	border-width: thick;
}
 
Back
Top Bottom