Recent Topics

1 Jul 25, 2006 14:51    

I've just upgraded from 0.9.2 to 1.8. In 0.9.2 most of my posts included a Table and the definition is here:-

<table style="MARGIN: 0px 20px 20px 0px" 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>

When trying to post the above to my upgraded 1.8 blog I receive an error message that Table Attributes are not allowed (or words to that effect). Upon removing the line

style="MARGIN: 0px 20px 20px 0px"

The table is published.

This is a copy of a [url=http://www.superjacent.net/blog/index.php?title=a_fast_ish_15_km&more=1&c=1&tb=1&pb=1]recent post from my blog[/url] in which the above table is included. As you can see the text to the right of the table sits right on the edge of the border. How do make it so the text is pushed over to the right a bit, like it use to under 0.9.2

Sorry for long winded question and I hope it's an appropriate question for the forum.

2 Jul 25, 2006 15:04

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

3 Jul 25, 2006 15:14

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.

4 Jul 25, 2006 15:24

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.

5 Jul 25, 2006 15:28

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

6 Jul 25, 2006 15:30

Good to see us Australians out and about late at night

7 Jul 25, 2006 15:34

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.

8 Jul 25, 2006 15:38

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

10 Jul 27, 2006 14:29

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.

11 Jul 27, 2006 14:37

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

12 Jul 27, 2006 14:39

Much appreciated....

13 Jul 27, 2006 15:01

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


Form is loading...