Pick a stylesheet that suites you: left, sleft, mright, sright, mno menus, sno menus, m
cyberSaps business: blogging news, internet biz, communities, UK angle
A pure blogging company. With history (3 years 339 days ) in hosting Manila weblogging communities and building customised blogging environments for a range of companies and Government quangos. The latest project: building the intranet for the Government Office for the West Midlands, based entirely on Manila. Next project: their internet and extranet. See more details on services and history.

17 January 2004   

 

3 Columns From 1

"This demo illustrates how to achieve a layout with 3 columns of equal height using only one column. The trick is to use a central column (this one) and add borders to it. Then position your other 2 columns so they overlay the borders."

Clever! I've been puzzeling problem for a while now.

I was attracted to this site with the weird and wonderful pencils in CSS. The geezer, has taken an image, rendered the whole thing in stylesheets with absolute positioned pixels, thus he can change colours by switching stylesheets.

Looking around for his links and others:
Some nice drop down menus in CSS, but unsuitable for IE.

Then there's the graphs in CSS - which work in IE. Different site, mind. I certainly love those borders.

Another site: a scroll bar CSS generator for IE5.5

And mouse over menus? Tons at Wireframe (works in IE)

More tricks: It's quite often, when navigating through a long document, confusing or disorienting for users to click a link which immediately jumps them to somewhere else in that document. Are they on the same page, on a different page, should they scroll more from here, what's going on?

Smooth link scrolling alleviates this a little, by scrolling the page to the new link rather than jumping there directly.

Getting off the point, some javascripts: automatic search word highlighting after web searches. Like my Google bar... I've seen this on a few sites. Quite useful (if I didn't have my Google bar in Firebird). And from the same trickster (Stuart Langridge) sortable tables, just like Excel.

Madness with borders that look like triangles, which can them be further messed with.

And it looks as though this chap solved my stylesheet swapping problem. Using a drop down list. Thus, he could have as many sheets as he wants.

That's enough. Time for bed Sooty.


1575 Also posted to: Home page . At: 10:44:06 PM  . .
Permalink  Top  Search Google  Technorati
Other title(s) for this story: 3 Columns From 1