Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2006-11-06 00:22:03

oddcarl
Member
From: The Barbary Coast, California
Registered: 2006-10-16
Posts: 27

Making side by side posts

I quite don’t know how to word this for searching. I want to make two posts (or more) on the front page center section, side by side like newspaper columns instead of each post vertically like the typical blog does.

Thanks…oddcarl

Offline

#2 2006-11-06 00:55:26

mstwntd
Member
From: Melbourne, Australia
Registered: 2004-12-25
Posts: 52

Re: Making side by side posts

<div id="content">
<div class="col a">
<txp:article limit="1" />
</div>
<div class="col b">
<txp:article limit="1" offset="1" />
</div>
<div class="col c">
<txp:article limit="1" offset="2" />
</div>
</div>

CSS:

#content {
width: 720px;
overflow: hidden; /* Clears floats */
}

.col {
width: 200px;
padding: 0 40px;
float: left;
}

Offline

#3 2006-11-06 02:12:46

oddcarl
Member
From: The Barbary Coast, California
Registered: 2006-10-16
Posts: 27

Re: Making side by side posts

Thank you very much, I can’t wait to try it out.

Offline

#4 2006-11-06 02:38:29

kuechi
New Member
From: Mönchengladbach
Registered: 2006-11-06
Posts: 3
Website

Re: Making side by side posts

Hello,

I’d rather use a Percent-Value for one (normaly the Main-Content) Block, so the Width is fitted into the Browserwindow:
CSS:

#content { width: 100%; <—- use Percent here to auto maintain Width with Windows size

overflow: hidden; /* Clears floats */
}

.col { width: 200px; padding: 0 40px; float: left;
}

U should set the Width to a percent for the Block wich should be resized automatically (You can resize both, but normally, resizing the Menu is not wanted)

Greetings, Küchi

Last edited by kuechi (2006-11-06 02:39:38)

Offline

#5 2006-11-06 03:31:26

oddcarl
Member
From: The Barbary Coast, California
Registered: 2006-10-16
Posts: 27

Re: Making side by side posts

Thanks kuechi, I’ll play with the changes.

Offline

#6 2006-12-03 21:21:15

ohdeer
Member
Registered: 2006-06-13
Posts: 13

Re: Making side by side posts

I have kind of a similar problem as oddcarl.

I have 3 columns. The one at the left shows recent my posts, the right one shows my links. Now I would like the centered column show some specific posts, for example all my posts about videogames or music.

Is that possible?

Offline

#7 2006-12-03 22:27:56

maniqui
Member
From: Buenos Aires, Argentina
Registered: 2004-10-10
Posts: 3,070
Website

Re: Making side by side posts

overflow: hidden; /* Clears floats */

What? What is this? Why I didn’t ever hear about this trick?

I think it’s explained here but in that explanation they use overflow: auto;
I would like to know more about this method…

Last edited by maniqui (2006-12-03 22:33:01)


La música ideas portará y siempre continuará

TXP Builders – finely-crafted code, design and txp

Offline

#8 2006-12-03 22:37:44

maniqui
Member
From: Buenos Aires, Argentina
Registered: 2004-10-10
Posts: 3,070
Website

Re: Making side by side posts

I’m really amazed.


La música ideas portará y siempre continuará

TXP Builders – finely-crafted code, design and txp

Offline

#9 2006-12-05 21:47:06

ohdeer
Member
Registered: 2006-06-13
Posts: 13

Re: Making side by side posts

Nobody who could answer my question?

Offline

#10 2006-12-05 22:07:45

TNT
Member
From: Rotterdam, Netherlands
Registered: 2006-01-06
Posts: 256
Website

Re: Making side by side posts

Ohdeer, I don’t know if I understand you correctly, but you can add an attribute category="videogames" to <txp :article />.


Prrrrrrrr

Offline

#11 2006-12-08 00:42:17

mstwntd
Member
From: Melbourne, Australia
Registered: 2004-12-25
Posts: 52

Re: Making side by side posts

maniqui wrote:

overflow: hidden; /* Clears floats */

What? What is this? Why I didn’t ever hear about this trick?

I think it’s explained here but in that explanation they use overflow: auto;
I would like to know more about this method…

———————-

Hi,

AFAIK, auto will generate scrollbars in IE5.2/Mac even when no content actually overflows. All you need to know is that a width is necessary on the wrapping block for this method to work in IE/Win.

Last edited by mstwntd (2006-12-08 00:44:19)

Offline

Board footer

Powered by FluxBB