Indexhibit^TM
Index + Exhibit

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.

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>

directly in the text area?

Yeah, try it out...

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

Problem solved!
thank you so much.

fed

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.

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!

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

we have both to thanks vaska.
And thank you.

You guys deserve
more than those 15€.

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)

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...

added to favs!
: )

Thank you!
I'll make a search tomorrow.

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

tks!

padding.

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/

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

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

Hello!

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

Grazzie!

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.

Yes indeed! Thank you both!

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

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.

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!

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

1. </p> This is the first paragraph.</p>
2. </p> This is the second paragraph.</p>

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?

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

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…

;)

verase:

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

:)

Ahora si...

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

--

it works, but I have strange differents margins on the top.

links page

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

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

...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...

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

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

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...

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

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.

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

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

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

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

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!

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!!!!

can't reach that page/domain...

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!

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

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