Fog Creek Software
Discussion Board




Knowledge Base
Documentation
Terry's Tips
Darren's Tips

Two column body text

Hey Citydeskers,

Im new to CD.  Its shaping up as a great tool so far.

My client would like to have body text in 2 columns.
Any ideas on how to achieve this ?

Thanks.

Cheers
Richard

Richard Uren
Tuesday, February 03, 2004

http://discuss.fogcreek.com/CityDesk/default.asp?cmd=show&ixPost=4208&ixReplies=9

tk
Tuesday, February 03, 2004

May be more than you want, but shows what can be done:

http://www.smokinggun.com/code/sg_layout.php

David Walker
Wednesday, February 04, 2004

Hi,

David Walker wrote:

> May be more than you want, but shows what can be done:
>
> http://www.smokinggun.com/code/sg_layout.php

Sorry to note, but this layout seems to be broken in IE6 on WinXP.

2 references to sites concerned with design done via Cascading Style Sheets (CSS) are:

http://www.alistapart.com/

and

http://www.csszengarden.com/?cssfile=/073/073.css&page=0

The last one is really impressive. Different designers from all over the world demonstrate their designs just by modifying the CSS of a page. They are not allowed to change the XHTML of the page, but only the CSS. So the content of the > 100 different pages is boring by intention. But look at what they did to the layout. Nearly unbelivable and really encouraging!

Enjoy

Georg

xlerb (Georg Rehfeld)
Wednesday, February 04, 2004

Here is a description on how to do multi-column "snaking" text based on a javascript component (thanks to Adriaan for the tip):

http://www.telepark.de/webwizards/

Regards

Patrick
http://www.telepark.de

Patrick Thomas
Wednesday, February 04, 2004

Thanks Heaps for the suggestions.

www.csszengarden.com is amazing.

Im going to give the javascript a whirl : from    http://www.telepark.de/webwizards/ 

>The trick: your article's content published into the
> [edit : div id="content" tag] is consumed by javascript and
> finally made invisible. Aha! If not it would also be
> displayed (took a while to figure that out). The code
> to do that is content.style.display = "none".

Nice trick.

cheers
richard

Richard Uren
Wednesday, February 04, 2004

*  Recent Topics

*  Fog Creek Home