2006-11-06 00:22:03

oddcarl
Member
beta
Real name: oddcarl
From: The Barbary Coast, California

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

 

2006-11-06 00:55:26

mstwntd
Member
delta
Real name: Egor
From: Melbourne, Australia

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

 

2006-11-06 02:12:46

oddcarl
Member
beta
Real name: oddcarl
From: The Barbary Coast, California

Re: Making side by side posts

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

Offline

 

2006-11-06 02:38:29

kuechi
New Member
alpha
Real name: Stefan Küchelmann
From: Mönchengladbach
Known languages: german, english
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

 

2006-11-06 03:31:26

oddcarl
Member
beta
Real name: oddcarl
From: The Barbary Coast, California

Re: Making side by side posts

Thanks kuechi, I’ll play with the changes.

Offline

 

2006-12-03 21:21:15

ohdeer
Member
beta

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

 

2006-12-03 22:27:56

maniqui
Moderator
omega
Real name: Julián
From: Buenos Aires, Argentina
Known languages: es,en

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

 

2006-12-03 22:37:44

maniqui
Moderator
omega
Real name: Julián
From: Buenos Aires, Argentina
Known languages: es,en

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

 

2006-12-05 21:47:06

ohdeer
Member
beta

Re: Making side by side posts

Nobody who could answer my question?

Offline

 

2006-12-05 22:07:45

TNT
Member
êta
Real name: Arjan
From: Rotterdam, Netherlands
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

 

Powered by FluxBB