Indexhibit
Index + Exhibit

Login:

Created by
Daniel Eatock
Jeffery Vaska
And You

Indexhibit was updated to version 2.1.4 on April 10, 2017.

4 columns text exhibit

 

Indexhibit version: Legacy
Thread is not resolved.

ilferroud
ITALY
8 year(s) ago
Permalink Post

ehi guys.

I'm working on my links page.
I really love the idea to separate into at least 4 columns the links for category
(blogs, inspiration, photography...)

how can i do that?
may I build a new html file and try to upload
it on that page, with a dedicates .css file?

will it works?

thank you in advance for your help.

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

Like this...

  1. <div style='width: 801px;'>
  2. <div style='float: left; width: 200px;'>asdf</div>
  3. <div style='float: left; width: 200px;'>asdf</div>
  4. <div style='float: left; width: 200px;'>asdf</div>
  5. <div style='float: left; width: 200px;'>asdf</div>
  6. <div style='clear: left;'><!-- --></div>
  7. </div>
ilferroud
ITALY
8 year(s) ago
Permalink Post

directly in the text area?

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

Yeah, try it out...

ilferroud
ITALY
8 year(s) ago
Permalink Post

it works, but I have strange differents margins on the top.
take a look. May I set the distance between the columns too?

thank you Vaska

ilferroud
ITALY
8 year(s) ago
Permalink Post

Problem solved!
thank you so much.

fed

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

Can I teach you something about divs and h tags...

In your text area you can add div and h tags all you want but you need to give them room to allow other things to be autowrapped in p and br tags.

So, you could do something like this (I'm taking out the arrows so it will appear):

div ...

This is a paragraph or a link.
This is the second line.

/div

div ...

More

Another paragraph.

/div

Make sense? Same with heading tags too. By leaving the space the other things can be input as usual. The div and h tags are ignored and don't get wrapped.

ilferroud
ITALY
8 year(s) ago
Permalink Post

ehm it's a little bit too technical for me.
I work this wau:

try - save - see online the result

and I learned that way.
-
I'm moving myself in a new fantastic world
and it's like I have had an indigestion of too many things,
now I have just to digest everything little by little.

I solved this way:
< strong >links< /strong >< div style='width: 541px;' >< div style='float: left; width: 135px;' >
< strong >photography< /strong >
< a href="http://axeldupeux.com/">axel dupeux
< a href="http://ceciliacolombara.blogspot.com/">cecilia colombara
< a href="http://www.trucnul.net/">gaetan rossier
< a href="http://www.jenswindolf.com/">jens windolf
< a href="http://lisascheerphotography.com/">lisa scheer
< a href="http://www.mattb.tv">matthew bednarik
< a href="http://www.pierluigiriccio.com/">pierluigi riccio

I simply had to write everything
in the same line (see the first line)
if I wrote the div on the second line it will change.

I have to thank you so much Vaska, for real!

paucc A
SPAIN
8 year(s) ago
Permalink Post

Nice simple page Fed!
And nice class vaska, thanks!

ilferroud
ITALY
8 year(s) ago
Permalink Post

we have both to thanks vaska.
And thank you.

You guys deserve
more than those 15€.

ilferroud
ITALY
8 year(s) ago
Permalink Post

Ehi I noticed something really strange and nice!

I'm surfing my website with my iPhone and at the welcome page
when I zoom it the font size became bigger, while the menu font size remsin the same,normal since today. But if I zoom the links page, the one with the divs, the font size remain the same as the menu one
and it's wonderful, maybe you know why?

(if only I could post the images)

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

Yup...you need to add some iphone specific rules to keep things normalized...but I don't know what these are off the top of my head. Just research 'iphone safari css' and you will find plenty of info...

iwakami
PORTUGAL
8 year(s) ago
Permalink Post

added to favs!
: )

ilferroud
ITALY
8 year(s) ago
Permalink Post

Thank you!
I'll make a search tomorrow.

d
PORTUGAL
8 year(s) ago
Permalink Post

everything very understandable! ;)
but how to set the distance between the columns?

tks!

cruz
PORTUGAL
8 year(s) ago
Permalink Post

padding.

lesbezier
SPAIN
8 year(s) ago
Permalink Post

Hello!

I'm having trouble with this text column customization.

I have a main page at http://www.lesbezier.com with a text in english. I would like to have two columns with text in two different languages, but not having to scroll down in a single column.

I'm beginning to mess around with code because of indexhibit, so i'm new to this.

I've tried to create a new exhibit, and inside the textbox i've wrote the div code that Vaska posted, just to see if it works, but not.

Is this the right place or do i have to insert this code in .css or .php files?

Thanks for your time!

PS.- This is the tryout exhibit: http://www.lesbezier.com/index.php?/qwertyu/

ilferroud
ITALY
8 year(s) ago
Permalink Post

have you turned on the page processing?
"process HTML"

you'll find it on the right panel of your exhibition
under "additional settings".

lesbezier
SPAIN
8 year(s) ago
Permalink Post

Hello!

Yes, I've just checked that setting and it's turned on. So i'm still stucked on this.

Grazzie!

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

It's still turned on...you can tell when you view the page source because there are br tags in there - this is what Page Processing does.

Turn it off...resave your text...and it will work.

lesbezier
SPAIN
8 year(s) ago
Permalink Post

Yes indeed! Thank you both!

Now i just have to changes numbers and code to fit my needs!

lesbezier
SPAIN
8 year(s) ago
Permalink Post

Ok now: the padding thing that Cruz mentioned.

Is it a new line in the code that i have to input??

I've just edited the tryout link above.

lesbezier
SPAIN
8 year(s) ago
Permalink Post

Sorry, i wasn't meaning padding ( i think) i was asking to insert some gutter space between both columns.

And also, how to give the 2 columns some fancy format. Now it just thorows the text all together.

I know this may be basic, sorry for the asking. I think i'm missing some theory here i guess!

lesbezier
SPAIN
8 year(s) ago
Permalink Post

Ok, I figured this one out by messing around a bit. Google is my best friend...by far.

- To make a gutter between text columns:

In the code that Vaska posted above, i inserted this padding-left variable:

  1. <div style='float: left; width: 300px; padding-left: 15px;'>

- To create paragraphs in the text columns:

Just insert

at beginning and end of each paragraph wanted. Like this:

  1. </p> This is the first paragraph.</p>
  2. </p> This is the second paragraph.</p>
bertalexis
UNITED KINGDOM
8 year(s) ago
Permalink Post

Hello

I manage to get the html work but I think there is a problem with my style.css as a youtube video doesn't appear on the page.

Any idea?

varese
SPAIN
8 year(s) ago
Permalink Post

Hola lesbezier. Estoy intentando hacer una exposición a dos columnas de texto con enlaces. Y no consigo hacerlo bien. He visto tu web y veo que en la info de tu web tienes un texto a dos columnas. Mi pregunta és: ¿Cual es el codigo completo para conseguirlo? Gracias

lemathieu A
FRANCE
8 year(s) ago
Permalink Post

Hello varese,
did you see the date of the last post lesbezier does ?
It's 4 month ago.

Cross your finger, and maybe he will come back…

;)

brunogiliberto
SPAIN
8 year(s) ago
Permalink Post

verase:

tal como dice Vaska el codigo que debes colocar para dos columnas en el editor de texto es:


asdf
asdf

:)

brunogiliberto
SPAIN
8 year(s) ago
Permalink Post

Ahora si...

1.
2. asdf
3. asdf
6.
7.

brunogiliberto
SPAIN
8 year(s) ago
Permalink Post

debes mirar el segundo comentario de este debate (Vaska), no se como se escriben codigos por ac√°.

--

colour
AUSTRALIA
8 year(s) ago
Permalink Post
Hi, I've been trying to do this multi column thing and have the same problem as liferroud initially did:
it works, but I have strange differents margins on the top.

I have a lower margin with each new column. liferroud said they had fixed it but didn't specify how. Does anyone know what I am doing wrong?

links page

colour
AUSTRALIA
8 year(s) ago
Permalink Post

Oh dear, it was so obvious.
Just had too many < br> tags all over the place.
Sorry!

tabarez
SWITZERLAND
8 year(s) ago
Permalink Post

hello, I'd really like to have my website archive page split in 4 columns, but i'd like also every line to be a link to a work.

Like if I'd click on one of them, a picture with a little text would pop up (see thickbox format gallery)

or

it would just link to that project page. this way the 4 columns archive would disappears, of course.
the archive page itself turn into a menu

Is one of this 2 ideas possible?
thanks a lot

arsondpi
GREECE
8 year(s) ago
Permalink Post

...of course they are.
You can customize an existing plugin to do this if you know little of php.
Or you can do this as static html placed into the text area...

tabarez
SWITZERLAND
8 year(s) ago
Permalink Post

oh great!
the problem is that I just know html, and not php
I suppose i would need the php for the first solution, right?
and the html for the second...

If the first is possible could I ask a little help?
which file(s) I have to modify... and how?

really appreciate

tabarez
SWITZERLAND
8 year(s) ago
Permalink Post

Sorry maybe it was a stupid question, the fact is that I don't know php so I'm kind of lost. Even a little hint would help.
thank you anyway

nityangi
VENEZUELA
8 year(s) ago
Permalink Post
this is horrible i dont know what to do.. i just want to write my poems in an horizontal way... for example one poem next to another i was typing this 1.2.asdf3.asdf4.asdf5.asdf6.7. and now i cant delete from my page.. i dont know how to do it.. hyperkulturemia.net in the section COLORES and in the section PARA DONDE VAS? pleeeeease help! i dont understand nothing! thanks :D
nityangi
VENEZUELA
8 year(s) ago
Permalink Post

i just think i fix it but now i cant have spaces between the lines! for example PARA DONDE VAS? i think that something is wrong with indexhibit because it doesnt refresh instantaneously...

nityangi
VENEZUELA
8 year(s) ago
Permalink Post

hello can anyone help me with thissss¬°?!?! PLEASE!

lemathieu A
FRANCE
8 year(s) ago
Permalink Post
i think that something is wrong with indexhibit because it doesnt refresh instantaneously...

;)
There is browser cache things out there.
Hold shift + refresh your browser.

lemathieu A
FRANCE
8 year(s) ago
Permalink Post

For the rest I don't understand what you want.

richardn
UNITED KINGDOM
8 year(s) ago
Permalink Post

Hi. Newbie, here. I'm after some clarification.

A couple of posters in this thread have complained that when they tried to create text in columns, each subsequent column was rendered with different spacing at the top. Both posters fixed it by deleting line breaks around their HTML tags (DIVS and suchlike). That's what I did earlier today when playing with the new Columner theme, and facing the same layout problems - deleting line breaks eventually resolved spacing issues.

However, in his post near the top of this thread ('Can I teach you something about divs and h tags...'), Vaska explains (I think!), that HTML tags should not be bunched up, but rather liberally spaced with line breaks. I tried it this way and it's much simpler (because it's easier to distinguish the HTML tags from the content).

I'm just wondering, did I read Vaska correctly? Thanks

Sabine
UK
8 year(s) ago
Permalink Post

Hi all
Ive managed to get three columns working and can see the < p >< / p > code contains the text within the column width, but looses the page styling, anyone got any ideas how to contain text with the column and keep the style?
You can see my page here:
Webpage

Thanks

rickykappa
ITALY
8 year(s) ago
Permalink Post

Sabine, I've just solved the same issue by assigning a class to the columns ( < div class="col_3"> ) and targeting the < p> tag in there through the css file ( .col_3 { width: your_value_here !important; }
in my case the !important was necessary to overcome a general ( #content < p> ) width value I had and didn't want to loose.
hope it makes sense

aherrmann
UNITED STATES
8 year(s) ago
Permalink Post

I have a question regarding a column problem. I posted this before, did some playing around but never got it to work.

My site is here. Under “No. 46” you can see what I am talking about. The copy should be set in two columns, but it shows up as only one.

I have the Horizontal exhibit format, but for some reason the < div style > technique of applying columns to copy doesn’t seem to work with the Horizontal format.

Has anyone had any success in figuring this out? Any help would be greatly appreciated!

leonardowen
BRAZIL
7 year(s) ago
Permalink Post

Hello,

First of all, congrats for all of you who made this incredible template!! Thanks!!!!
I'm making a horizontal gallery of my photos, and I would like to know if it's possible to add more space before the first image...
Please take a look at:
www.leonardowen.com - then click in "Metabrasília"
You will see a text in Portuguese, and I would like to add a column on its right with a English translation. But when I upload this first image, I stays over the second column....

Thanks!!!!

rickykappa
ITALY
7 year(s) ago
Permalink Post

can't reach that page/domain...

leonardowen
BRAZIL
7 year(s) ago
Permalink Post

A lot of people can't open my domain, I don't know why..... Did I do something wrong while I built this page??
Help!
thanks!

lemathieu A
FRANCE
7 year(s) ago
Permalink Post

Working for me, last firefox on mac.
But you may correct all these errors at first.

rickykappa
ITALY
7 year(s) ago
Permalink Post

still can't get it - firefox/pc
weird, I see the validating page posted by mathieu, but can't open it

Showing 1 - 50 of 52 posts in Forum » Installation » 4 columns text exhibit
 

This thread has been closed, thank you.