Adding Columns to the Contents
Somtimes you might want to have serval columns with contents on your page, but you only want it on some of the pages.
In that case this article could be a short guide for you.
Making use of global elements
Global elements is a nice feature when workng with fundanemt and stuff you like to use over and over again.
The main idea of this column setup is that you create global elements for the following things:
- column start
- column split
- column end
And then you insert this global element every time you need to start an area with columns, when you want to change to the next column and when you want to end the column area.
Remember to give the element saying names (like the ones in the list above) so you can easily distinguish the elements and see what they do.
Column start element
This element is a html element and defines the top of a table.
You should add the following html to the element:
<table><tr><td>
Column split
you insert this element whenever a column is supposed to split. It basically tells the table structure to create a new cell.
Use the following code in a html element.
</td><td>
Column end
When the final column is added with contents and all, then you add the column end element. This is also a html element and contains the following html:
</td></tr></table>
Putting it all together
So now we have all of it and we are ready to put it all together.
On the page you want to have the columns on you then add somthing like this:
Column start (shared element)
Element 1
Element 2
Element 3
...
Element n
Column split (shared element)
Element 1
Element 2
Element 3
...
Element n
Column end (shared element)
This will give a 2 column setup with n elements in each column.
You can ofcause have many more columns if you like, you just add more splits and elements.
So now you have it up and running and you can style it however you want with css. You can give the table parts names, id's etc. so you can style them specifically.