Textpattern 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
Moderator
From: Buenos Aires, Argentina
Registered: 2004-10-10
Posts: 2,975
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
Moderator
From: Buenos Aires, Argentina
Registered: 2004-10-10
Posts: 2,975
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: 244
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

Board footer

Powered by FluxBB