Page is a not externally linkable
- Code, Content, and Presentation
-- HTML
---- Simple Tables issue - but confounding to moi


Mr_Bo_Jangles - 2:55 am on Nov 18, 2007 (gmt 0)


Hi all,
Can anyone put me out of my misery and tell me why the date won't do as it's told and 'align right'! in it's cell.

(I know you don't have the images, and only an extract of the CSS, but even with the 'full kaboodle' it is the same. Just open the HTML code below and tell me why it is behaving like that..)

__________________________

<html>
<head>
<style>

table {
width: 170mm;
background : White;
border : 1px solid Black;
text-align : center;
border-collapse : inherit;
}

table.cheque{
width: 185mm;
border : 1px solid Black;
border-collapse : inherit;
}

</style>
</head>

<body>

<table class="cheque" COLS=3>
<tbody>
<tr VALIGN=MIDDLE>
<td WIDTH=65% ALIGN="LEFT"><p class="printimage"><img src="/img/matbanklarge.jpg" width="400"

height="100"></p>
</td>

<td WIDTH=5%> <p> &nbsp; </p></td>

<td WIDTH=30% ALIGN="RIGHT" NOWRAP><p><b>16th January, 2007</b></p> </td>
</tr>

<tr VALIGN=TOP>
<td WIDTH=65% ALIGN="LEFT" NOWRAP><p>Pay:&nbsp; &nbsp;<b> Acme Gardening </b></p><td>

<td ROWSPAN=5 WIDTH=5% ALIGN="LEFT">
<p class="screenimage"><img src="/img/notnegotiablesmall.gif" width="32"

height="150"></p></td>
<td WIDTH=30% ALIGN="MIDDLE" NOWRAP> <p> or bearer </p> </td>
</tr>

<tr VALIGN=MIDDLE>
<td WIDTH=65% ALIGN="LEFT"><p> the sum of: &nbsp; &nbsp; <b>Two hundred five dollars and twenty cents </b></p><td>
<td WIDTH=30% ALIGN="MIDDLE" NOWRAP> <p><b>$125,245.20 </b></p> </td>
</tr>

<tr VALIGN=MIDDLE>
<td WIDTH=65% ALIGN="LEFT"><p> &nbsp; </p><td>
<td WIDTH=30% ALIGN="LEFT"> <p> &nbsp; </p> </td>
</tr>

<tr VALIGN=MIDDLE>
<td WIDTH=65% ALIGN="LEFT"> <p>Company <b>
Maintenance services Inc </b> <td>
<td WIDTH=30% ALIGN="LEFT"> <p> &nbsp; </p> </td>
</tr>

<tr VALIGN=MIDDLE>
<td WIDTH=65% ALIGN="RIGHT"><p>_________________</p><td>
<td WIDTH=30% ALIGN="LEFT" NOWRAP> <p>________________</p> </td>
</tr>

</tbody>
</table>

<table class="cheque" COLS=3>
<tbody>

<tr VALIGN=MIDDLE>
<td WIDTH=20% ALIGN="MIDDLE" NOWRAP><p> &nbsp; </p><td>
<td WIDTH=60% ALIGN="MIDDLE" NOWRAP> <p class="micr"> 1237888 98737</p> </td>
<td WIDTH=20% ALIGN="MIDDLE" NOWRAP> <p> &nbsp; </p> </td>
</tr>

</tbody>
</table>
</body>
</html>

__________________________


Thread source:: http://www.webmasterworld.com/html/3507865.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com