Can my list 'flow' across columns?

Forum|Forum|5 years ago
April 25, 2020
2 replies
3232 views

At the below page is a list of names. I'd like to format it as in Word's newspaper columns feature. So when you insert another name into the list, the list expands and flows into the next column.' e.g.. say I insert a new entry in the list in column one, that column shifts down one line and if necessary, flows into column two which also expands to cater for the new entry. At the moment this is a table based layout and adding new entries requires a new row, resulting in empty cells in the other colmns. My attempts to solve this with Grid did not seem to work. Any ideas ? Many thanks.

http://ancestry.higgsy.co.uk/content_higgs.php

This topic has been closed for replies.

Correct answer pziecina

Nothing simpler to do, just use css multi-column layout -

Using_multi-column_layouts

higgsydAuthor

Inspiring

thanks pziecina but the problem has now moved to the second column! I tried adding top padding but the same problem. It seems the padding has moved to the top of column two, pushing the following element down - help!

O

osgood_

Legend

Looks ok to me? All lined up at the top of each column.

http://v45.ancestry.higgsy.co.uk/content_higgs.html

higgsydAuthor

Inspiring

thanks osgood, they still seem a shade off to me, but I'll be happy with that and move on!

pziecinaCorrect answer

Legend

Nothing simpler to do, just use css multi-column layout -

Using_multi-column_layouts

higgsydAuthor

Inspiring

many thanks pziecina. I have started to implement it and the elements are flowing ok. One question, can you say why the first element in column one ("Higgs, Adelaide born 1852") is dropped down a bit and not aligned with the top of the other columns? please try to ignore the page backgroundcolours - these are helping me with my media query testing?

http://v45.ancestry.higgsy.co.uk/content_higgs.html