Hi Odder,
thanks, but when I tried:
.threecolumns {
display:block;
column-count:3;
-moz-column-count:3;
-moz-column-width:33%;
}
I can change the number of columns but adjusting the % width didn't appear
to make any difference.
Regards
Jon
On Saturday, 7 March 2015 08:51:53 UTC, Odder wrote:
>
> Hi Jon,
>
> to alter the spacing between the columns you have give them a width. In
> your example you have to add the following css to your code:
>
> -moz-column-width:33%
>
> -webkit-column-width:33%
>
> or whatever you want for the width. For 3 columns with 33% you have equal
> distance between the columns.
>
> many regards
> odder
>
>
> Am Samstag, 7. März 2015 09:01:01 UTC+1 schrieb Jon:
>>
>>
>> Hi
>>> the following will produce a list of tiddlers tagged with "mytag" in 3
>>> columns when the CSS is applied from another tiddler tagged with
>>> $:/tags/Stylesheet.
>>>
>>> @@.threecolumns
>>> <div>
>>>
>>> {{{ [tag[mytag]] }}}
>>>
>>> </div>
>>> @@
>>>
>>> .threecolumns {
>>> display:block;
>>> column-count:3;
>>> -moz-column-count:3;
>>> -webkit-column-count:3;
>>> color: red;
>>> }
>>>
>>> What do I need to introduce to alter the spacing between the columns?
>>>
>>> Better still, is it possible to populate a table with a specified number
>>> of columns from the tiddlers tagged with mytag?
>>>
>>> Thanks,
>>> Jon.
>>>
>>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.