Hi Steve, I wrapped your table inside a div and it worked fine.
Take your style out of the table, apply it to the div and bingo
I didnt style the div beyond one I already had but it floats left and has margin. and the text should wrap fine.

Yell if want a copy

John wrote:

Hi Steve, I wrapped your table inside a div and it worked fine.
Take your style out of the table, apply it to the div and bingo
I didnt style the div beyond one I already had but it floats left and has margin. and the text should wrap fine.

Yell if want a copy

Thanks for that, and yes, I'm Yelling, would appreciate code snippet.

The CSS:

.table {
color:#888;
border:1px solid #ccc;
float:left;
background-color:transparent;
margin:0px 20px 20px 0px;
padding:4px;
}

The posting code:

<div class="table">
<table cellspacing="2" cellpadding="2" width="160" align="left" border="1" >
<caption><i><u>Stats as of 24 Jul 2006</u></i></caption>
<tbody>
<tr>
<td>This Week </td>
<td>
<div align="right">11.6 </div></td></tr>
<tr>
<td>This Month</td>
<td>
<div align="right">142.8</div></td></tr>
<tr>
<td>This Year </td>
<td>
<div align="right">1523.8</div></td></tr></tbody></table>
</div><p>Start writing your comments in here yadda yadda..... </p>

Just play with the div CSS to suit color, border , margins and padding.

Thanks John, much appreciated. It's now 11.30 pm here in Australia, I'll have to play with it tomorrow.

Good to see us Australians out and about late at night

Before I hit the sack, just a quick follow up question.

I take it then that a naming convention style in the CSS would be something similar to .table_left, .table_right (along with necessary attributes) and therefore simply call <div class = "table_left"> or <div class = "table_right"> depending on how I wanted to the table to appear.

Am I on the right track. Sorry for CSS 101 question.

Yep, call the class whatever you like. It doesn't have to .table_left etc.

Maybe a word like "container" or "holder" as you can also use it for images etc etc

Thanks........

John wrote:

The CSS:

.table {
color:#888;
border:1px solid #ccc;
float:left;
background-color:transparent;
margin:0px 20px 20px 0px;
padding:4px;
}

The posting code:

<div class="table">
<table cellspacing="2" cellpadding="2" width="160" align="left" border="1" >
<caption><i><u>Stats as of 24 Jul 2006</u></i></caption>
<tbody>
<tr>
<td>This Week </td>
<td>
<div align="right">11.6 </div></td></tr>
<tr>
<td>This Month</td>
<td>
<div align="right">142.8</div></td></tr>
<tr>
<td>This Year </td>
<td>
<div align="right">1523.8</div></td></tr></tbody></table>
</div><p>Start writing your comments in here yadda yadda..... </p>

Just play with the div CSS to suit color, border , margins and padding.

Sorry to be a pain, but I entered the above verbatim into the CSS (that is the CSS part above) and modified my posting code as per above. I must be missing something here as nothing happens. Any advice appreicated.

Steve, I will do a post at my sight using the CSS and your Table data and get back to you.

Much appreciated....

Steve... here is how I wrote the post..

<div><p>Okay, tonight or should I say this afternoon after work, I finally ran lazy km’s and had no inclination to run any faster.</p>
<div class="jogging"><table cellspacing="2" cellpadding="2" width="160" align="left" border="1" >
<caption><i><u>Stats as of 24 Jul 2006</u></i></caption>
<tbody>
<tr>
<td>This Week </td>
<td>
<div align="right">11.6 </div></td></tr>
<tr>
<td>This Month</td>
<td>
<div align="right">142.8</div></td></tr>
<tr>
<td>This Year </td>
<td>
<div align="right">1523.8</div></td></tr></tbody></table></div><p>For something completely different I altered my course a little. I started as usual in Fawkner Park and upon getting to Domain Rd I incorporated the Tan (which I haven’t done for quite a while) and crossed Swan St Bridge. At Mac. Robertson Bridge end I continued on running to Swan St/Wallen Rd Bridge, a further 2.4 km past Mac. Robertson Bridge.

As an aside, if you check out the course map you’ll notice I’ve kept the SportTracks measuring tool on the image. This merely shows how I determined the distance from Mac. Robertson Bridge to the turnaround point. The measuring tool is quite a handy little feature.</p></div>

The CSS is

.jogging {
color:#888;
border:1px solid #ccc;
float:left;
background-color:#FFF;
margin:4px 20px 20px 4px;
padding:4px;
}

Image attached