Hello Everyone,
I have a series of two column tables that is causing me a problem. The
space between column 1 and 2 seems to vary by a small amount from one table
to the next.
For example, the space between the first and second columns changes like
this: Address: <space> 222 North B Street. You can see this at
http://www.usernomics.com/ergonomic-...keyboards.html .
I placed the CSS and HTML below.
Can anyone see why this might be happening?
Thanks a lot,
Bob
___
CSS:
table.products th{ /* Products Table */
text-align: left;
}
#middle table.products td{
vertical-align: top;
}
table.products{
margin-bottom: 25px;
}
..mycol1{ /* Products Table Column Width */
width: 10%;
}
..mycol2{
width: 75%;
}
HTML:
<table class="products" summary="Contact information for Ability
Technologies" border=0>
<tr valign="top"><th colspan="2">Ability Technologies </th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>Box 44, 145 Sydney
Road, Fairlight NSW 2094, Australia </td></tr>
<tr valign="top"><td>Phone:</td><td>(02) 9907 9736 </td></tr>
<tr valign="top"><td>Fax:</td><td>(02) 9907 9599 </td></tr>
<tr valign="top"><td>Website:</td><td>
<a href="http://www.abilitycorp.com.au">http://www.abilitycorp.com.au
</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:gr****@abilitycorp.com.au">gr****@abi litycorp.com.au
</a></td></tr>
<tr valign="top"><td colspan="2"><p>Ability assists people with disabilities
to obtain maximum benefits from modern computer technology.
Their products include keyboards and pointing devices. </p></td></tr>
</table>