Grouping things in a box by columns

Grouping things in a box by columns

rulerq1 14 Aug 2011 01:21

i was wondering if there was a way to put things together in column of a box

EX

London ABC
London 123
London DEF

Instead of doing three Londons can i just do one London and make the box it is in extend to cover allof ABC, 123, DEF

Re: Grouping things in a box by columns

Ed Johnson 14 Aug 2011 01:36

Do you mean using the table syntax? You can use the "space, underscore" method:

||London||ABC _
123 _
DEF||

London

ABC 123 DEF

See the Simple Table documentation.

For a new line inside the table cell use _ (underscore) at the end of the line.

Edit: After re-reading your question, I think what you want to do is not as simple with the table syntax. Here is another method using a styled div block:

[[div style="width: 100px; text-align: right; border: 1px solid silver; padding: 0 5px;"]]
ABC
London 123
DEF
[[/div]]

ABC
London 123
DEF

There are other ways to do this to get things lined up better, but this should give a couple of places to start.

---

Free Wikidot Applications · Your Shared Photo Gallery · Your Personal Blog

Last edited on 14 Aug 2011 01:44 by Ed Johnson + Show more

Re: Grouping things in a box by columns

Ed Johnson 14 Aug 2011 02:17

Yet another way using advanced tables:

[[table style="margin: 20px; width: 150px; border-collapse:collapse;"]]
[[row]]
[[cell style="padding: 10px; background-color: #EAE3C5; border: 1px solid black; width: 100px; border-right: 0;"]]
London
[[/cell]]
[[cell style="padding: 10px; background-color: #EAE3C5; border: 1px solid black; width: 100px; border-left: 0; text-align: right;"]]
ABC
123
DEF
[[/cell]]
[[/row]]
[[/table]]

London

ABC 123 DEF

---

Free Wikidot Applications · Your Shared Photo Gallery · Your Personal Blog