I have been playing around with the thought of having 2 columns in my Journal. So I digged into it, and finally I was successful. I must admit I had a headache doing this, because it involves a lot of div's, but if you have a little patience you'll make it work too.

Here goes:

What you need is a large container. A box to put your stuff (columns) into. This container has to be filling up the entire width of your Journal. This is the CSS:


.container {
position: relative !important;
vertical-align: top !important;
height: 250px !important;
background:#eff1f1!important;
}


You can ofcourse adjust the parameters to suit your needs. Especially the height is important. Play around untill you get it right.

Now you have a 'box' to add your columns into.

The left column consists of the following CSS:


.left-element {
position: absolute !important;
left: 0 !important;
width: 50% !important;
height: 100% !important;
background:#eff1f1!important;
padding:20px !important;
vertical-align: top !important;
}


Again you can naturally play around with width and color, but be careful about changing position and alignment.

Now...let's add the right column;


.right-element {
position: absolute !important;
right: 0 !important;
width: 50% !important;
height: 100% !important;
background:#eff1f1!important;
padding:0px !important;
vertical-align: top !important;
}


Same terms apply here.


All this confusing code goes into your CSS field when you edit your Journal.


Now for the fun part: implement it in your Journal. Copy/paste the below into your Journal (NOT the CSS part, but your JOURNAL), and change whatever necessary - links, contents, implement pics...you name it. Go and play my friend



<div class="container">
<div class="left-element" align="center">

<div class="h2">MEMBER OF</div>

*deviantFOOD
*deviantAIR
=onewordphoto
*macrophoto
*OneClickPhoto
</div><div class="right-element" align="center">

<div class="h2">DEVIATE</div>

~deviantoftheyear
~random deviation
~random deviant</div>
</div>

</div>


Here is my own Journal done this way: [link]
I only used this coding in my links-section, but I hope you'll make more of it.


Oh...btw; the h2 class you can naturally customise yourself. CSS is:


.h2{
font-size: 12px !important;
font-weight: bold !important;
color: #374341!important;
}


I hope you like it