Text Beside Table

[slip532]

I just started using tiddlywiki today, so I'm still pretty green. Is there a way to put text beside tables instead of only above and below them? Literally like a person's page wikipedia. It has the table with the person's picture, age, etc... on the right, and text beside it on the left. On my tiddler, I have the table on the left, and just a big blank space beside it that I'd like to use for text, but don't know how.

Thanks!

[passingby]

Html tags work in the tiddler. So just wrap do this:

 <div style="float:right;">


|cell1|cell2|
|cell3|cell4|


</div>
Here follows a paragraph which will flow up along the table on left.

[slip532]

That is exactly what I was looking for. Thank you!

[TonyM]

Observe: The solution above uses HTML to achieve this result.

Much of what is native HTML even CSS for that matter,  work in TiddlyWiki, so if you already know it, great, if not their is value expanding your knowledge, of this key internet enabling technology.

Here is a great place to start

https://www.w3schools.com/html/default.asp

Regards

Tony

[Jon]

Hi,

I noticed in this example that if it's changed to "float:left;", the text is very close to the table. How would you create a space between the two?

Regards

Jon

[passingby]

You could try using padding or margin properties in the inline style definition.

[TonyM]

You could use html or tiddlywiki tables even with a single row but 3 or 4 columns.

Regards
Tony

[coda coder]

<div style="float:right;margin:2em">

or

<div style="float:right;margin:20px">

or, because you're likely dealing with left-to-right text (like English)

<div style="float:right;margin-right:2em">

Find a good CSS resource and read up on styles.

[Jon]

Excellent!

Thanks all

Jon

[coda coder]

Jon

Oops.  I meant to make those float:left to address the issue you had...

[@TiddlyTweeter]

The text beside My Table is not The Bible at the moment. Its J.M. Coetzee's brilliant "The Childhood Of Jesus".

Just ignore me :-)

J, x

[Jon]

Cheers Coda.

Jon