Styling list in columns - top alignment

Cade Roux

unread,

Sep 23, 2020, 12:37:05 PM9/23/20

to TiddlyWiki

Trying to understand what is going wrong here, why does the first column not align to the top and how can I fix that (does a similar thing in two column and four column variants)?

/* THREE COLUMN MODE */ .threecolumns { display:block; -moz-column-count:3; -moz-column-gap:1em; -webkit-column-count: 3; -webkit-column-gap:1em; }

@@.threecolumns

<ul><$list filter="[ascend.listselector[Observation]sort[ascend.linklabel]]"><li><$link to={{!!title}}>{{!!ascend.linklabel}}</$link></li></$list></ul>

@@

PMario

unread,

Sep 23, 2020, 1:35:16 PM9/23/20

to tiddl...@googlegroups.com

Hi,

The list UL element has a margin-top and a margin-bottom. If you remove it, it should be OK.

So if you add

.threecolumns ul {

margin-top: 0;

margin-bottom: 0;

}

you should be fine.

-mario

Cade Roux

unread,

Sep 23, 2020, 3:11:13 PM9/23/20

to TiddlyWiki

A ha! Thanks so much.

Cade

PMario

unread,

Sep 23, 2020, 4:22:01 PM9/23/20

to TiddlyWiki

On Wednesday, September 23, 2020 at 9:11:13 PM UTC+2, Cade Roux wrote:

A ha! Thanks so much.

You are welcome. .. I did have the same problem once :)

-m

Reply all

Reply to author

Forward