1px Border

Xylophonic

How do I get a 1pixel border around 1 of my tables?

The top table is how it looks now and the bottom is how I want it to look:



This is the string of code I am using at the moment:

<table width="800" border="1" align="center"><tr>
	<td width="160" bgcolor="#00FFFF"><div align="center"><a href="index.php" class="style2">Home</a></div></td>
	<td width="160" bgcolor="#00FFFF"><div align="center"><a href="files.php" class="style2">Files</a></div></td>
	<td width="160" bgcolor="#00FFFF"><div align="center"><a href="pictures.php" class="style2">Pictures</a></div></td>
    <td width="160" bgcolor="#00FFFF"><div align="center"><a href="/blog/index.php" class="style2">Blog</a></div></td>
    <td width="160" bgcolor="#00FFFF"><div align="center"><a href="/forum/index.php" class="style2">Forum</a></div></td>
    <td width="160" bgcolor="#00FFFF"><div align="center"><a href="contact.php" class="style2">Contact</a></div></td>
</tr></table>

Gordon

Remove the 1 pixel border on the table and include into the stylesheet on "style2":

border: 1px solid black;

(I think)

Eoin

I'm not the best with CSS, but try the following:

<style type="text/css">
	#myTable
	{
		width: 800px;
	}
	#myTable td
	{
		background-color: 00FFFF;
		border: 1px solid black;
		text-align: center;
		width: 160;
	}
</style>
<table border="0" id="myTable" cellspacing="5" align="center">
	<tr>
		<td><a href="index.php" class="style2">Home</a></td>
		<td><a href="files.php" class="style2">Files</a></td>
		<td><a href="pictures.php" class="style2">Pictures</a></td>
		<td><a href="/blog/index.php" class="style2">Blog</a></td>
		<td><a href="/forum/index.php" class="style2">Forum</a></td>
		<td><a href="contact.php" class="style2">Contact</a></td>
	</tr>
</table>