Re: table formatting to separate columns

[Eric Shulman]

On Sep 9, 2:19 am, vworp <vwo...@gmail.com> wrote:
> I'm looking for a way of formatting two tables to stand side by side with a gap between them.
> Something like
> |column 1|column 2| empty space  |column a|column b|

You can use inline CSS syntax around the first table to make it "float
left" and give it some desired right padding, like this:

@@float:left;padding-right:5em;
|this|is|table|one|
|row|two|
|row|three|
|row|four|
|row|five|
|row|six|
@@
|this|is|table|two|
|tabletwo row|two|
|tabletwo row|three|

Note that the tables do not have to have be the same height. If the
1st table is taller than the 2nd table, then any content following the
2nd table will appear under the 2nd table, but *next to* the 1st
table. If you want to ensure that the content is displayed below
*both* tables, then you will need to add:
@@display:block;clear:both;@@
following the 2nd table. This forces all subsequent content to be
placed after the floating table instead of next to it.

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
http://www.TiddlyTools.com/#Donations

Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact

[vworp]

Great stuff. That works a treat thanks.