Sylvain
I have discovered a simple way, which (i think) was not mentioned
yet.
enter the following CSS into your StyleSheet
/*{{{*/
/*
Malo - CSS Library
Author:Vladimir Carrer
*/
/* CSS Grid */
/* dp = div percent */
.dp20,
.dp25,
.dp33,
.dp50,
.dp100{float:left; display: inline, *margin-left:-0.04em; } /* IE
margin hack */
/*
.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp100{width:100%;} */ /* original CSS. no margin possible */
.dp20{width:18%;}
.dp25{width:23%;}
.dp33{width:31.33%;}
.dp50{width:48%;}
.dp100{width:100%;} /* changed it a little bit */
.clear{ clear:both;}
/* top border */
.dp100,.dp50,.dp33,.dp25{ border-top:1px solid #111;}
.dp100,.dp50,.dp33,.dp25{ padding-right: 1%; margin-right:1%;}
/*}}}*/
generate a new tiddler and type:
<<tiddler "tiddler name" "dp50">> <<tiddler "an other tiddler name"
"dp50">>
and view the result. You will need 2 additional tiddlers "tiddler
name" and ...
The original css can be found at [1]
If you work with MPTW [2] as a basis TW file you have to enter the
following code
<div class='tagClear'></div>
as the last line into your "View Template" section in the Theme.
Otherwise it will not work properly
also see dp33 and dp25 have fun. also tested with IE
regards Mario
[1] http://code.google.com/p/malo/
[2] http://mptw.tiddlyspot.com
On 7 Nov., 12:04, julien23 <[email protected]> wrote:
> translated from tthe french forum :
>
> <<
> to do something in the genre, a trick I use css:
> I create classes that correspond to the number of columns in the
> tiddler style:
> . Col2 (width: 50%; float: left)
> . Col3 (width: 33%; float: left)
> ....
> . clear (clear: both)
> Then, in the tiddlers concerned, I put my content into columns:
> Col2 (((text column 1))) (((text Col2 column 2)))
> or
> Col3 (((text in column 1))) (((Col3 text in column 2))) (((Col3 text
> in column 3)))
>
> It is better not forget to add after
> (((clear)))
>
> The solution is not perfect because it requires paging itself: it does
> not itself the distribution in columns with the number of item. And
> this may cause you problems in the use of forEachTiddler ...
> That said, perhaps with a modern browser there are ways useful CSS3
> property (such as described
> here:http://www.css3.info/preview/multi-column-layout/)
> I n I never tried. You tell us ;-)
>
> Sylvain >>
>
> On Nov 6, 9:52 am, julien23 <[email protected]> wrote:
>
> > Some of my tiddlers are just large, large ... so large lists
> > (ForEachTiddlerPlugin) moreover aimed to be printed
>
> > Is there a way to display a tiddler in multi-columns style ?
>
> > do it for the trees :-)
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en.
