3 Column

iamagraphicdesigner / 2013-03-27 20:55:49   

Hi, is there any easy way of creating a simple 3 column appearance within an exhibit.
I want to display the following exhibit in 3 columns so the text is spilt into three rather than going from left to right. (As it does currently)

iamagraphicdesigner.co.uk/-/profile/

Vaska A / 2013-03-27 22:13:38   

Did you try the Documenta format with 3 columns? Set break to 3...let's see what happens...

iamagraphicdesigner / 2013-03-28 09:26:09   

Hi Vaska, thank you so much for the quick reply - much appreciated. I didn't realise you could to it/have the option! Really chuffed! however have I messed around with my site too much as it's out of sync, is it due to my HTML in my exhibit ;

Edited by Vaska: let's keep the personal details out of here... ;)

Vaska A / 2013-03-28 09:36:06   

Your customization is causing problems for Documenta...

There is another way - html straight up. Wrap each part in a div like this...

  1. <div class='column'>
  2. <div class='column-container'>
  3. Put your stuff here...
  4. </div>
  5. <div>

And then add this to your style.css file.

  1. .column { float: left; width: 150px; }
  2. .column .column-container { margin-left: 20px; }

And then, after the last div set you will need to clear the floats like this...

  1. <div style='clear: left;'><!-- --></div>

You can adjust the width of the column to whatever you need and the column-container left margin.

Do this as you can and then show us - there will likely be some minor tweaks needed. Also, I recommend using a format like No Show when using only text (no show simply supresses any output of images and has almost no formatting to workaround).

iamagraphicdesigner / 2013-03-28 14:35:35   

Hi, thanks for your reply.

I've attempted to do as suggested, doesn't seem to be working though and in all honesty - I've no idea what I'm doing wrong. I've got;

Edited by Vaska - let's keep person details out of here...

iamagraphicdesigner / 2013-03-28 14:36:50   

This is my Style.css too - incase I've done something wrong here... it's from publichtml>ndxzstudio>site>default>style.css

.column { float: left; width: 150px; }
.column .column-container { margin-left: 20px; }

iamagraphicdesigner / 2013-03-28 15:08:22   

Just realised it's not pasting the HTML codeā€¦

Vaska A / 2013-03-28 15:42:27   

Why are you pasting here? Put it on your site...

arsondpi / 2013-03-28 15:58:12   

It seems work in this page iamagraphicdesigner.co.uk/-/profile/ but you need to increase the width...

iamagraphicdesigner / 2013-03-28 16:10:01   

This thread can be closed if needed, i've now sorted it with thanks to a web guru

Vaska A / 2013-03-28 16:56:09   

No thanks to us, I suppose.

This thread has been closed, thank you.