Alignment problem with table

[amyfromNC]

Hello, I am trying to make some pages in PHP on Dreamweaver. I am using tables
to make the main pages, and making Include files for things like the Navigation
bar, which is also a table, to nest inside the table cells of the main page, if
that makes sense. I can't seem to get the cells to cooperate, however. They
want to keep shifting left. And the cell widths will not stay where I put them.
Any idea what is going on?

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle">
<td width="4" height="32">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
<td width="42">
<div align="center">
<a href="http://www.pageestates.com/PennysSite/index.php" target="_self">
&nbsp;&nbsp;Home&nbsp;&nbsp;
</a>
</div>
</td>
<td width="4">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
<td width="112">
<div align="center">
<a href="http://www.pageestates.com/PennysSite/buying.php"
target="_self">Buying A Home
</a>
</div>
</td>
<td width="4">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
<td width="105">
<div align="center">
<a href="http://www.pageestates.com/PennysSite/investing.php"
target="_self">
Selling a Home
</a>
</div>
</td>
<td width="4">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
<td width="160">
<div align="center">
<a href="http://www.pageestates.com/PennysSite/investing.php"
target="_self">Investing in Real Estate
</a>
</div>
</td>
<td width="4">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
<td width="119">
<div align="center">
<a href="http://www.pageestates.com/PennysSite/tour.php"
target="_self">Tour of Asheville
</a>
</div>
</td>
<td width="4">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
<td width="112">
<div align="center">
<a href="http://www.pageestates.com/PennysSite/community.php"
target="_self">Community Info
</a>
</div>
</td>
<td width="4">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
<td width="111">
<div align="center">
<a href="http://www.pageestates.com/PennysSite/healthy.php"
target="_self">Healthy Home
</a>
</div>
</td>
<td width="10">
<img src="http://www.pageestates.com/PennysSite/images/greyLineSmall.jpg"
width="4" height="13" align="middle">
</td>
</tr>
</table>

[robhuddles]

For starters, the align and valign attributes aren't valid for a table row -
they are supposed to be in table cells only. So moving those attributes to the
actual cells will help.

Second, do all of your width values add up to 800? If they don't, that could
be part of the problem, too.

Rob Huddleston
Adobe Certified Dreamweaver 8 Developer