Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2006-08-27 11:27:57
- Books
- New Member
- Registered: 2006-08-27
- Posts: 3
Found a 3-column CSS tutorial, how to adapt?
I’m new to Textpattern. I found a template that is close to what I’m looking for, Reflection (Textgarden page ), but I need a third column on the right. I know that this is difficult to do with CSS, but I found a tutorial online which describes how to do it.
The page http://bluerobot.com/web/layouts/layout3.html describes how to have three columns in CSS, with the middle wide column resizable and the two flanking columns static in width. “An important benefit of this technique is the order of elements in the HTML source. Here, the order is essentially content, menu one, menu two. For old browsers, text-only browsers, screen-readers, and many alternative devices, this means that the content is displayed before the menus.”
My question is this: How could I modify Reflection to take a third column and to specify that only the middle column re-sizes?
Offline
Re: Found a 3-column CSS tutorial, how to adapt?
Yes, sure that will work. Your tutorial has the order content, sidebar left and sidebar right. You can change the order of the reflection template to show div right before div left and it will still work as the main column (later the central col) is indented from the left (I just tried it out on the demo using edit HTML from the webdev sidebar in firefox).
The same principle is used by the standard txp template, so you might want to try looking at how that works instead of the tutorial. You can also look at kevin potts’ clean-and-green template which is simply a drop-in replacement for the default css and makes it very clear how it all works. Compare the default page template with your reflection page template to work out how and where to add the third div, take a look at the css for each of the main divs and then transfer it to your reflection template.
TXP Builders – finely-crafted code, design and txp
Offline
#3 2006-08-27 22:40:31
- Books
- New Member
- Registered: 2006-08-27
- Posts: 3
Re: Found a 3-column CSS tutorial, how to adapt?
Wow — thanks, Jakob! I’ll try looking at Clean-and-Green. Good advice!
Offline